{"id":2277,"date":"2021-10-19T15:43:21","date_gmt":"2021-10-19T22:43:21","guid":{"rendered":"https:\/\/blogs.qsc.com\/systems\/?p=2277"},"modified":"2021-11-11T02:36:26","modified_gmt":"2021-11-11T09:36:26","slug":"citizen-spotlight-design-and-plugin-development","status":"publish","type":"post","link":"https:\/\/blogs.qsc.com\/systems\/de\/2021\/10\/19\/citizen-spotlight-design-und-plug-in-entwicklung\/","title":{"rendered":"Citizen Spotlight: Design &amp; Plug-in-Entwicklung \u2013 Daniel Wright"},"content":{"rendered":"<div class=\"trp_language_switcher_shortcode\">\n<div class=\"trp-language-switcher trp-language-switcher-container\" data-no-translation>\n    <div class=\"trp-ls-shortcode-current-language\">\n        <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"Deutsch\" onclick=\"event.preventDefault()\">\n\t\t\t Deutsch\t\t<\/a>\n    <\/div>\n    <div class=\"trp-ls-shortcode-language\">\n                <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\"  title=\"Deutsch\" onclick=\"event.preventDefault()\">\n\t\t\t Deutsch\t\t<\/a>\n                    <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2277\" title=\"English\">\n             English        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2277\" title=\"Fran\u00e7ais\">\n             Fran\u00e7ais        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2277\" title=\"Espa\u00f1ol\">\n             Espa\u00f1ol        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2277\" title=\"English (UK)\">\n             English (UK)        <\/a>\n\n        <\/div>\n    <script type=\"application\/javascript\">\n        \/\/ need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML\n        var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');\n        if ( trp_ls_shortcodes.length > 0) {\n            \/\/ get the last language switcher added\n            var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];\n\n            var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )\n            \/\/ set width\n            var trp_ls_shortcode_width                                               = trp_shortcode_language_item.offsetWidth + 16;\n            trp_shortcode_language_item.style.width                                  = trp_ls_shortcode_width + 'px';\n            trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';\n\n            \/\/ We're putting this on display: none after we have its width.\n            trp_shortcode_language_item.style.display = 'none';\n        }\n    <\/script>\n<\/div>\n<\/div>\n<p>Heute wollen wir hier die Arbeit von Daniel Wright vorstellen. Auch Daniel ist ein engagierter \u201eCitizen\u201c unserer \u201eQSC Communities for Developers\u201c und zeigt uns, wie er Designs erstellt und damit gro\u00dfartige Kundenerlebnisse erm\u00f6glicht. Einige seiner Designs hat er bereits in der Communities-Gruppe <a href=\"https:\/\/developers.qsc.com\/s\/group\/0F94X000000sYccSAE\/show-us-your-qsys\">\u201eShow your Q-SYS\u201c<\/a>\u00a0geteilt. Zus\u00e4tzlich berichtet Daniel von seinen Erfahrungen beim Erstellen und Pflegen von Codes bzw. Plug-ins, die in das Q-SYS Ecosystem integriert werden k\u00f6nnen.&nbsp;<\/p>\n\n\n\n<p>Daniel und seine Kollegen von Solo Works stellen&nbsp;<a href=\"https:\/\/github.com\/q-sys-community\" target=\"_blank\" rel=\"noreferrer noopener\">auf GitHub eine eindrucksvolle Sammlung an Plug-ins<\/a>&nbsp;&nbsp;f\u00fcr Q-SYS bereit. Sie k\u00f6nnen alle kostenfrei heruntergeladen und optimiert werden. \nSeine Plug-in-Sammlung ist hervorragend organisiert, bietet viele verschiedene Inhalte und ist gut dokumentiert. Zusammen mit seinen Kollegen hat er die Repository-Sammlung bereits vor mehreren Jahren unter dem Namen \u201eQ-SYS Community\u201c ins Leben gerufen. \nDaniels Anstrengungen sind einer der Gr\u00fcnde, warum wir uns in den n\u00e4chsten Monaten auf die Integration von GitHub konzentrieren werden \u2013 damit die Communities diese M\u00f6glichkeiten ausnutzen k\u00f6nnen.&nbsp;<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Interview-Fragen<\/strong><\/h1>\n\n\n\n<p>AA: Hi Daniel, danke, dass wir dich interviewen d\u00fcrfen und vor allem f\u00fcr deine gro\u00dfartigen Beitr\u00e4ge zu QSC Communities!  Kannst du dich kurz vorstellen und etwas dar\u00fcber erz\u00e4hlen, was du machst und wie du in die Branche gelangt bist?&nbsp;<\/p>\n\n\n\n<p>DW: Hi! Ich bin Programmierer bei Solo Works in London. Urspr\u00fcnglich komme ich aus dem Audiobereich. Ich habe einen Bachelorabschluss in Audio-Produktion gemacht und dann als freiberuflicher Live-Tontechniker gearbeitet. Dann habe ich Programmieren gelernt und so die Welt der AV-Festinstallationen kennengelernt.&nbsp;&nbsp;<\/p>\n\n\n\n<p>AA: Auf der Communities-Plattform hast du einige UCI-Designs geteilt, die viele andere \u201eCitizens\u201c beeindruckt haben. Kannst du uns etwas von deinem kreativen Workflow beim Erstellen von Projektdesigns erz\u00e4hlen?&nbsp;<\/p>\n\n\n\n<p>DW: Jedes Projekt h\u00e4ngt zuallererst von den Anforderungen des Kunden ab. Wir notieren uns alle Funktionen, die die Schnittstelle haben muss und erstellen dann ein Wireframe, das deren geplante Funktionsweise abbildet. Und dann, nachdem die Funktionalit\u00e4t gekl\u00e4rt ist, geht es an die grafische Umsetzung.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Wir analysieren das Markendesign des Kunden einschlie\u00dflich der Farben, damit das Design perfekt dazu passt. Generell nutzen wir dominante Farben f\u00fcr \u201eaktive\u201c oder \u201eausgew\u00e4hlte\u201c Buttons, w\u00e4hrend neutralere Farben meist f\u00fcr den Hintergrund, deaktivierte Optionen und seltener ben\u00f6tigte Elemente der Benutzeroberfl\u00e4che eingesetzt werden. Auch andere visuelle Details, etwa die Frage nach runden oder eckigen Buttons, passen wir dem Markendesign des Kunden an.&nbsp;<\/p>\n\n\n\n<p>Sobald wir ein Design entworfen haben, das funktioniert und grafisch gelungen ist, pr\u00e4sentieren wir es dem Kunden. Auf Basis seines Feedbacks passen wir es dann weiter an. Wenn alle zufrieden sind, implementieren wir das Design in Q-SYS. Ich bin ein gro\u00dfer Fan von CSS, da es Designelemente \u00fcber mehrere Seiten und Nutzeroberfl\u00e4chen hinweg konsistent h\u00e4lt und globale \u00c4nderungen leicht macht \u2013 niemand will manuell den Kantenradius jedes einzelnen Buttons auf allen Seiten \u00e4ndern, wenn eine derartige Anfrage kommt. Daher nutze ich bei der Realisierung des Designs so oft es nur geht CSS; idealerweise f\u00fcr jeden Button-Stil, jedes Icon und jede Farbe. Wenn Icons oder Bilder erforderlich sind, erstellen wir sie in Adobe Photoshop, exportieren sie als PNGs und integrieren diese ebenfalls mit CSS.&nbsp;<\/p>\n\n\n\n<p>AA: Kannst du ein paar Tipps f\u00fcr das Design von Benutzeroberfl\u00e4chen geben?&nbsp;<\/p>\n\n\n\n<p>DW: Ich versuche immer, mich in den Endanwender hineinzuversetzen und unterteile Funktionen dann in zwei Gruppen: allt\u00e4gliche Features, die immer genutzt werden und leicht erreichbar sein m\u00fcssen, und solche, die seltener aufgerufen werden. So d\u00fcrfen etwa in einer Pr\u00e4sentationsumgebung die Video-Auswahl und die Mikrofonsteuerung nie mehr als einen Tipp auf den Touchscreen entfernt sein. Die Steuerungsfunktionen f\u00fcr die PTZ-Kamera im Raum werden hingegen eher einmal konfiguriert und dann l\u00e4ngere Zeit nicht genutzt. Sie kann man daher tendenziell in einem Pop-Up-Fenster \u201everstecken\u201c.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Ich w\u00fcrde anderen immer zu Einfachheit und wenigen Navigationselementen auf den Benutzeroberfl\u00e4chen raten. Die meisten unserer Designs haben eine Art Hauptmen\u00fc f\u00fcr den direkten Zugriff auf die wichtigsten Steuerungsfunktionen und zudem eine kleinere Leiste oder einen Button, die bei Bedarf zu weiteren Pop-Up-Fenstern mit Funktionen f\u00fchren. Was es nicht geben darf, sind Pop-Ups \u00fcber Pop-Ups oder eine Reihe an Seiten, die man durchklicken muss, um zur\u00fcck zur Startseite zu kommen.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>AA: Entwickelst du alles selbst oder arbeitest du bei deinen Projekten mit anderen zusammen?&nbsp;<\/p>\n\n\n\n<p>DW: Das Design von Benutzeroberfl\u00e4chen \u00fcbernehme ich meistens allein. Meine Kollegen testen sie dann und geben mir Feedback. In der Regel gibt es mehrere Durchl\u00e4ufe mit Tests, \u00c4nderungen und dann wieder Tests \u2013 bis es perfekt ist. In Bezug auf die Steuerung und Wartung unserer Plug-ins nutzen wir GitHub, was schon mehr Teamarbeit ist. Manchmal verwende ich Plug-ins, die meine Kollegen erstellt haben, manchmal mache ich \u00c4nderungen an ihren Plug-ins basierend auf Erfahrungen, die ich bei Installationen gesammelt habe. Auf diese Weise verbessern wir gegenseitig unsere Arbeit.&nbsp;&nbsp;<br><\/p>\n\n\n\n<p>AA: Hast du ein paar Tipps f\u00fcr Q-SYS Einsteiger?&nbsp;<\/p>\n\n\n\n<p>DW: Ich glaube, ein Fehler, den ich gemacht habe, als ich mit dem Design von Benutzeroberfl\u00e4chen begonnen habe, war es, immer den gesamten Touchscreen f\u00fcr Bedienelemente ausnutzen zu wollen. Das hat oft zu \u00fcberladenen Benutzeroberfl\u00e4chen gef\u00fchrt, bei denen zu viel auf einmal los war. Wei\u00dfraum ist nichts Schlechtes. Selbst, wenn alle Audio- und Video-Steuerungselemente auf eine Seite passen&nbsp;<em>k\u00f6nnten<\/em>&nbsp;, sollte man \u00fcberlegen, sie vielleicht doch lieber auf zwei Seiten zu verteilen, um den Designelementen etwas mehr Raum zu belassen. <\/p>\n\n\n\n<p>AA: Welche Programme w\u00fcrdest du Designern empfehlen zu lernen? Hast du Tipps f\u00fcr andere, die diese Tools ausprobieren m\u00f6chten?&nbsp;<\/p>\n\n\n\n<p>DW: Wir nutzen Adobe XD f\u00fcr die Grobplanung von Benutzeroberfl\u00e4chen, weil wir dort Buttons und Bilder einfach einf\u00fcgen und austauschen k\u00f6nnen, um das Design zu ver\u00e4ndern. Wir k\u00f6nnen Buttons auch mit Links zu anderen Seiten versehen und so den Workflow der Benutzeroberfl\u00e4che simulieren. Toll an XD ist au\u00dferdem, dass du leicht Test-Prototypen mit Kunden und Kollegen teilen kannst, um Feedback zu erhalten.&nbsp;<\/p>\n\n\n\n<p>Photoshop ist in meinen Augen ebenfalls ein Must-Have. Ich nutze es zum Einf\u00e4rben von Designelementen, zum Gl\u00e4tten von Kanten und f\u00fcr pixelgenauen Export.&nbsp;&nbsp;<\/p>\n\n\n\n<p>AA: Du und deine Kollegen haben eine beeindruckende <a href=\"https:\/\/github.com\/q-sys-community\">Plug-in-Bibliothek erstellt, die \u00f6ffentlich auf GitHub zu Verf\u00fcgung steht<\/a>. An dieser Stelle ein gro\u00dfes Dankesch\u00f6n daf\u00fcr, dass du die Q-SYS-Plattform auf diese Weise vorangetrieben und die Arbeitsergebnisse an einem zentral zug\u00e4nglichen Ort zusammengefasst hast. Wann hast du mit diesem ganzen Programmierabenteuer begonnen?&nbsp;<\/p>\n\n\n\n<p>DW: F\u00fcr das Einrichten der Plug-in-Bibliothek und des allgemeinen Workflows war mein Manager Sam Shelton verantwortlich. Unsere GitHub-Ressourcen hat er vor knapp zwei Jahren zu Verf\u00fcgung gestellt und dokumentiert. Zuvor hatten wir schon etwas Zeit mit der Entwicklung von Plug-ins und einigen Tests verbracht.&nbsp;<\/p>\n\n\n\n<p>AA: Wie legst du die Priorit\u00e4ten bei der Plug-in-Entwicklung fest? Geht es immer um bestimmte Auftr\u00e4ge und deren Anforderungen oder befasst du dich auch mit W\u00fcnschen aus der Community?&nbsp;<\/p>\n\n\n\n<p>DW: Prim\u00e4r geht es immer um kommende Projekte. Wir wollen f\u00fcr jedes Ger\u00e4t, das wir steuern, auch ein Plug-in erstellen, da so ein deutlich angenehmerer Workflow entsteht, als wenn viele einzelne Steuerungsskripte verwendet werden. Aber nat\u00fcrlich wird es nach der Erstellung eines Plug-ins f\u00fcr ein bestimmtes Ger\u00e4t auch leichter, Plug-ins f\u00fcr andere, \u00e4hnliche Ger\u00e4te zu erstellen. Wir haben beispielweise einmal als Teil eines Projekts ein Plug-in f\u00fcr eine bestimmte Marke Matrix-Switcher erstellt. Danach war es einfach, auch Video-Matrix-Plug-ins f\u00fcr Produkte anderer Hersteller zu erstellen, die wir selbst vielleicht nicht brauchten, aber daf\u00fcr jemand anderes. Auf diesem Screenshot kannst du die \u00c4hnlichkeiten zwischen den Plug-in-Layouts erkennen.&nbsp;&nbsp;<br>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blogs.qsc.com\/systems\/de\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png\/\"><img decoding=\"async\" width=\"879\" height=\"606\" src=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png\" alt=\"\" class=\"wp-image-2282\" srcset=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png 879w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison-300x207.png 300w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison-768x529.png 768w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison-250x172.png 250w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison-550x379.png 550w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison-800x552.png 800w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison-261x180.png 261w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison-435x300.png 435w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison-725x500.png 725w\" sizes=\"(max-width: 879px) 100vw, 879px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Es ist au\u00dferdem interessant zu sehen, was andere so an Plug-ins erstellen. Wir haben uns bisher komplett auf Plug-ins f\u00fcr Steuerungshardware fokussiert, w\u00e4hrend nat\u00fcrlich auch Plug-ins f\u00fcr ganz andere Dinge entstehen, etwa f\u00fcr die Bereitstellung von Wetterdaten oder das Streamen von Radiosendern. Die Community ist sehr inspirierend und ich denke momentan viel dar\u00fcber nach, welche Arten von Plug-ins ich noch erstellen k\u00f6nnte, die nicht nur Drittanbieter-Hardware steuern.<\/p>\n\n\n\n<p>AA: Wie bist du dazu gekommen, Plug-ins f\u00fcr die Q-SYS Plattform zu entwickeln?&nbsp;<\/p>\n\n\n\n<p>DW: Als ich angefangen habe, Q-SYS zu nutzen, war ich noch nicht lang in der Branche t\u00e4tig und setzte es nur als DSP ein. Mein Manager Sam sah die M\u00f6glichkeiten im Steuerungsbereich; er hat mich ermutigt, die Chancen zu erkunden und auszunutzen. Ich habe erst ein wenig mit Steuerungsskripten gearbeitet und bin dann zur Plug-in-Entwicklung \u00fcbergegangen.&nbsp;<\/p>\n\n\n\n<p>AA:  Glaubst du, dass es mehr Entwickler geben sollte, die via GitHub euren Code \u201eforken\u201c und ihn verbessern \u2013 oder ist GitHub doch eher intern zur Versionskontrolle da?&nbsp;<\/p>\n\n\n\n<p>DW: Ich hoffe, dass es solche Entwickler geben wird! Wir haben die GitHub-Seite ja nicht umsonst \u201eQ-SYS Community\u201c getauft. Wir freuen uns \u00fcber andere Entwickler, die etwas beitragen wollen, damit eine gro\u00dfe Plug-in-Sammlung entsteht, die alle verwenden k\u00f6nnen. Urspr\u00fcnglich war es ja nur die Idee, eine Community-Version des Asset Managers zu erstellen, zu der alle etwas beitragen k\u00f6nnen. Aber jetzt wollen wir die neue Idee in der Entwickler-Community bekanntmachen, damit nicht mehr nur unser kleines Team daran arbeitet.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blogs.qsc.com\/systems\/de\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager.png\/\"><img decoding=\"async\" width=\"1024\" height=\"787\" src=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-1024x787.png\" alt=\"\" class=\"wp-image-2284\" srcset=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-1024x787.png 1024w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-300x231.png 300w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-768x590.png 768w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-250x192.png 250w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-550x423.png 550w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-800x615.png 800w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-234x180.png 234w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-390x300.png 390w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager-650x500.png 650w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Asset-Manager.png 1289w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>AA: Hast du Tipps f\u00fcr andere \u201eCitizens\u201c, die mit der Entwicklung von Plug-ins f\u00fcr das Q-SYS Ecosystem anfangen wollen?&nbsp;<\/p>\n\n\n\n<p>DW:\nDer einfachste Weg, um zu verstehen, wie Plug-ins funktionieren, ist, den Code bestehender Plug-ins zu \u00f6ffnen und sie nachzubauen. Ich habe viel von Beispiel-Plug-ins gelernt, indem ich sie erst \u201ekaputt\u201c gemacht und dann versucht habe, den Code zu reparieren. Auch wir von Solo Works halten unseren Code so zug\u00e4nglich wie m\u00f6glich, damit unsere Plug-ins ebenfalls auf diese Weise hilfreich sein k\u00f6nnen; also ladet sie herunter und schaut sie euch an.&nbsp;<\/p>\n\n\n\n<p>AA: Wie bereits oben erw\u00e4hnt will QSC auch GitHub-Repos erstellen, die im \u201eCode Exchange\u201c-Bereich von Communities verlinkt werden. Was erhoffst du dir denn sonst noch von Communities? Gibt es etwas, das du gern auf der Plattform sehen w\u00fcrdest \u2013 das dir deine Arbeit erleichtern w\u00fcrde?&nbsp;<\/p>\n\n\n\n<p>DW: Ich freue mich definitiv am meisten auf die GitHub-Integration. Viele aus der Community sind als Entwickler vermutlich mit GitHub vertraut, was die Zusammenarbeit auf der Plattform leicht machen wird. Hoffentlich teilen dann viele Leute coole Sachen!&nbsp;<\/p>\n\n\n\n<p>AA: Vielen Dank, Daniel!\nIch freue mich darauf, mehr von deinen Designs zu sehen! Wie k\u00f6nnen dich Q-SYS Designer au\u00dferhalb von Communities kontaktieren? Hast du Social-Media-Accounts, auf denen Kollegen dir folgen k\u00f6nnten?&nbsp;<\/p>\n\n\n\n<p>DW: Gern! Es hat Spa\u00df gemacht, \u00fcber ein paar Dinge zu sprechen, an denen wir gerade arbeiten. Ich bin via E-Mail unter&nbsp;<a href=\"mailto:dan.wright@soloworks.co.uk\" target=\"_blank\" rel=\"noreferrer noopener\">dan.wright@soloworks.co.uk<\/a>&nbsp;oder auf <a href=\"https:\/\/www.linkedin.com\/in\/danwrightsw\">LinkedIn<\/a>&amp;nbspzu erreichen. Entwickler k\u00f6nnen unsere Plug-ins unter&nbsp;<a href=\"https:\/\/github.com\/q-sys-community\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/q-sys-community<\/a>&nbsp;ansehen und laden \u2013 und alles zu Solo Works findet man auf unserer <a href=\"https:\/\/solo-x.co.uk\">Website<\/a>. <\/p>","protected":false},"excerpt":{"rendered":"<p>Heute wollen wir hier die Arbeit von Daniel Wright vorstellen. Auch Daniel ist ein engagierter \u201eCitizen\u201c unserer \u201eQSC Communities for Developers\u201c und zeigt uns, wie er Designs erstellt und damit gro\u00dfartige Kundenerlebnisse erm\u00f6glicht. Einige seiner Designs hat er bereits in der Communities-Gruppe \u201eShow your Q-SYS\u201c geteilt.   Zus\u00e4tzlich berichtet Daniel von seinen Erfahrungen beim Erstellen und Pflegen von Codes bzw. Plug-ins, die in das Q-SYS Ecosystem integriert werden k\u00f6nnen. <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/2021\/10\/19\/citizen-spotlight-design-und-plug-in-entwicklung\/\">Read More<\/a><\/p>","protected":false},"author":52,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[28,36],"class_list":["post-2277","post","type-post","status-publish","format-standard","hentry","category-english","tag-german","tag-qsc-communities-for-developers"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Citizen Spotlight: Design and Plugin Development - Q-SYS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.qsc.com\/systems\/de\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Citizen Spotlight: Design and Plugin Development - Q-SYS\" \/>\n<meta property=\"og:description\" content=\"Today we are&nbsp;highlighting&nbsp;the work of&nbsp;Daniel Wright,&nbsp;another&nbsp;inspiring Citizen who joined&nbsp;\u201cQSC Communities for Developers\u201d&nbsp;and is willing&nbsp;to show&nbsp;how&nbsp;he produces&nbsp;beautiful designs&nbsp;and experiences&nbsp;for customers, many of which he has shared in the \u201cShow your Q-SYS&#8221; group.&nbsp;Additionally,&nbsp;Daniel&nbsp;shares&nbsp;his experience in&nbsp;building, contributing,&nbsp;and maintaining&nbsp;code\/Plugins&nbsp;that integrate with&nbsp;the&nbsp;Q-SYS&nbsp;Ecosystem.&nbsp; Daniel and his colleagues at Solo Works&nbsp;have been maintaining&nbsp;a&nbsp;neat&nbsp;collection of plugins on GitHub&nbsp;&nbsp;for Q-SYS,&nbsp;all for free and ready &hellip; Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.qsc.com\/systems\/de\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/\" \/>\n<meta property=\"og:site_name\" content=\"Q-SYS\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-19T22:43:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-11T09:36:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/CITIZEN-SPOTLIGHT_-1200x-628.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Adrien Avellan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adrien Avellan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/\",\"url\":\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/\",\"name\":\"Citizen Spotlight: Design and Plugin Development - Q-SYS\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png\",\"datePublished\":\"2021-10-19T22:43:21+00:00\",\"dateModified\":\"2021-11-11T09:36:26+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/97c9484a55556008efb850f5b09f35d3\"},\"breadcrumb\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#primaryimage\",\"url\":\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png\",\"contentUrl\":\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogs.qsc.com\/systems\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Citizen Spotlight: Design and Plugin Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#website\",\"url\":\"https:\/\/blogs.qsc.com\/systems\/\",\"name\":\"Q-SYS\",\"description\":\"System Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.qsc.com\/systems\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/97c9484a55556008efb850f5b09f35d3\",\"name\":\"Adrien Avellan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fe54da0a7e077a2cf3009fda5676288ab7a70a8003f5d36434effc2e4d888f15?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fe54da0a7e077a2cf3009fda5676288ab7a70a8003f5d36434effc2e4d888f15?s=96&d=mm&r=g\",\"caption\":\"Adrien Avellan\"},\"description\":\"Adrien Avellan is the Ecosystem Platform manager for the Alliances &amp; Ecosystem Team at QSC. In his previous roles at QSC, Adrien focused on building customer relationships and enhancing user experience. This led him to his current role, the city planner for \u201cQSC Communities for Developers\u201d, a resource dedicated to \u201cQSC Citizens\u201d comprised of the professionals and organizations that are constantly pushing the bounds of Q-SYS.\",\"url\":\"https:\/\/blogs.qsc.com\/systems\/de\/author\/aavellan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Citizen Spotlight: Design and Plugin Development - Q-SYS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.qsc.com\/systems\/de\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/","og_locale":"de_DE","og_type":"article","og_title":"Citizen Spotlight: Design and Plugin Development - Q-SYS","og_description":"Today we are&nbsp;highlighting&nbsp;the work of&nbsp;Daniel Wright,&nbsp;another&nbsp;inspiring Citizen who joined&nbsp;\u201cQSC Communities for Developers\u201d&nbsp;and is willing&nbsp;to show&nbsp;how&nbsp;he produces&nbsp;beautiful designs&nbsp;and experiences&nbsp;for customers, many of which he has shared in the \u201cShow your Q-SYS&#8221; group.&nbsp;Additionally,&nbsp;Daniel&nbsp;shares&nbsp;his experience in&nbsp;building, contributing,&nbsp;and maintaining&nbsp;code\/Plugins&nbsp;that integrate with&nbsp;the&nbsp;Q-SYS&nbsp;Ecosystem.&nbsp; Daniel and his colleagues at Solo Works&nbsp;have been maintaining&nbsp;a&nbsp;neat&nbsp;collection of plugins on GitHub&nbsp;&nbsp;for Q-SYS,&nbsp;all for free and ready &hellip; Read More","og_url":"https:\/\/blogs.qsc.com\/systems\/de\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/","og_site_name":"Q-SYS","article_published_time":"2021-10-19T22:43:21+00:00","article_modified_time":"2021-11-11T09:36:26+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/CITIZEN-SPOTLIGHT_-1200x-628.jpg","type":"image\/jpeg"}],"author":"Adrien Avellan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Adrien Avellan","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/","url":"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/","name":"Citizen Spotlight: Design and Plugin Development - Q-SYS","isPartOf":{"@id":"https:\/\/blogs.qsc.com\/systems\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#primaryimage"},"image":{"@id":"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png","datePublished":"2021-10-19T22:43:21+00:00","dateModified":"2021-11-11T09:36:26+00:00","author":{"@id":"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/97c9484a55556008efb850f5b09f35d3"},"breadcrumb":{"@id":"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#primaryimage","url":"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png","contentUrl":"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2021\/10\/Plugin-Comparison.png"},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogs.qsc.com\/systems\/"},{"@type":"ListItem","position":2,"name":"Citizen Spotlight: Design and Plugin Development"}]},{"@type":"WebSite","@id":"https:\/\/blogs.qsc.com\/systems\/#website","url":"https:\/\/blogs.qsc.com\/systems\/","name":"Q-SYS","description":"System Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.qsc.com\/systems\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/97c9484a55556008efb850f5b09f35d3","name":"Adrien Avellan","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/fe54da0a7e077a2cf3009fda5676288ab7a70a8003f5d36434effc2e4d888f15?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fe54da0a7e077a2cf3009fda5676288ab7a70a8003f5d36434effc2e4d888f15?s=96&d=mm&r=g","caption":"Adrien Avellan"},"description":"Adrien Avellan ist Ecosystem Platform Manager bei QSC und Teil des Alliances &amp; Ecosystem Teams. In seinen bisherigen Positionen bei QSC war Adrien unter anderem f\u00fcr den Aufbau von Kundenbeziehungen oder die Verbesserung der Nutzererfahrung zust\u00e4ndig, was ihn schlie\u00dflich zu seiner aktuellen Rolle f\u00fchrte: Manager f\u00fcr \u201cQSC Communities for Developers\u201c. Dies ist eine Online-Plattform, die den \u201eQSC Citizens\u201c (Programmierern, Organisationen) Tools bereitstellt, mit denen sie die M\u00f6glichkeiten von Q-SYS optimal nutzen k\u00f6nnen.","url":"https:\/\/blogs.qsc.com\/systems\/de\/author\/aavellan\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/comments?post=2277"}],"version-history":[{"count":0,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2277\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/media?parent=2277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/categories?post=2277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/tags?post=2277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}