{"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\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/","title":{"rendered":"Citizen Spotlight: Design and Plugin Development"},"content":{"rendered":"\n<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=\"English\" onclick=\"event.preventDefault()\">\n\t\t\t English\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=\"English\" onclick=\"event.preventDefault()\">\n\t\t\t English\t\t<\/a>\n                    <a href=\"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/posts\/2277\" title=\"Deutsch\">\n             Deutsch        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/posts\/2277\" title=\"Fran\u00e7ais\">\n             Fran\u00e7ais        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/posts\/2277\" title=\"Espa\u00f1ol\">\n             Espa\u00f1ol        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/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>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 <a href=\"https:\/\/developers.qsc.com\/s\/group\/0F94X000000sYccSAE\/show-us-your-qsys\">\u201cShow your Q-SYS&#8221; group<\/a>.&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;<\/p>\n\n\n\n<p>Daniel and his colleagues at Solo Works&nbsp;have been maintaining&nbsp;<a href=\"https:\/\/github.com\/q-sys-community\" target=\"_blank\" rel=\"noreferrer noopener\">a&nbsp;neat&nbsp;collection of plugins on GitHub<\/a>&nbsp;&nbsp;for Q-SYS,&nbsp;all for free and ready to be improved upon.&nbsp;&nbsp;His&nbsp;collection of plugins&nbsp;is well presented,&nbsp;has tons of content,&nbsp;and is&nbsp;well documented.&nbsp;Daniel and his colleagues&nbsp;started this collection of repositories and called it Q-SYS Community&nbsp;years back.&nbsp;His work is part of the&nbsp;reason why the&nbsp;integration of&nbsp;GitHub&nbsp;repo&nbsp;submissions&nbsp;will&nbsp;be our top priority in the few months, to make sure it is&nbsp;highlighted in Communities.&nbsp;<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Q&amp;A<\/strong><\/h1>\n\n\n\n<p>AA:&nbsp;Hi&nbsp;Daniel,&nbsp;thank you for joining&nbsp;and contributing to&nbsp;QSC Communities&nbsp;with&nbsp;great&nbsp;content!&nbsp;&nbsp;Can you introduce yourself briefly&nbsp;and tell us more about&nbsp;your background and&nbsp;how you got into this industry?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;Hi! I\u2019m a programmer at Solo Works, based in London, UK. I originally came from an audio background.&nbsp;I&nbsp;completed&nbsp;a&nbsp;bachelor\u2019s degree in Audio Production&nbsp;and worked&nbsp;as a freelance live sound engineer before learning programming&nbsp;and entering the world of installed AV.&nbsp;&nbsp;<\/p>\n\n\n\n<p>AA:&nbsp;You shared some&nbsp;sleek&nbsp;UCI designs in Communities&nbsp;which caught the eye of many citizens. Care to tell us more about the creative pipeline&nbsp;and processes you get into when designing your projects?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;Every project naturally begins with the client\u2019s requirements, so we start by listing the functionality required of the interface and drawing out a wireframe to determine how the interface will work.&nbsp;Once we&nbsp;have&nbsp;the functionality outlined, it\u2019s time to make it look amazing!&nbsp;&nbsp;<\/p>\n\n\n\n<p>We&nbsp;examine&nbsp;the client\u2019s brand&nbsp;color&nbsp;scheme and design choices to ensure our designs will complement their identity.&nbsp;As a general rule, their most dominant colours will be used for \u201cactive\u201d or \u201cselected\u201d buttons, with the more neutral&nbsp;colors&nbsp;making up the background, deselected options,&nbsp;and the lesser-used sections of the interface.&nbsp;Other aesthetic features, such as&nbsp;whether or not&nbsp;they\u2019ll have square buttons or rounded edges, will also depend on the client\u2019s overall image.&nbsp;<\/p>\n\n\n\n<p>Once we&nbsp;have&nbsp;a&nbsp;design&nbsp;we believe is both practical and beautiful, we\u2019ll show it to the client and use their feedback to make any&nbsp;necessary&nbsp;adjustments.&nbsp;When everyone is happy, we start putting the&nbsp;design into Q-SYS.&nbsp;I\u2019m personally a huge fan of CSS for its ability to reliably keep things consistent across pages and interfaces, as well as for easily making changes globally (nobody wants to manually edit the border radius of every button on every page&nbsp;if&nbsp;there\u2019s a change request), so my next step in the design process is to leverage CSS at every possible opportunity, so&nbsp;any button style, icon or colour&nbsp;is included.&nbsp;If there are any&nbsp;icons or images required&nbsp;then&nbsp;we create these in&nbsp;Adobe Photoshop,&nbsp;export as PNGs,&nbsp;and add those to the CSS too.&nbsp;<\/p>\n\n\n\n<p>AA: Do you have any advice for how&nbsp;to&nbsp;approach the organization of your UCI layouts?\u202f&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;I try to put myself in the shoes of the end user and categorize functionality into two groups: the day-to-day stuff that I\u2019d be using&nbsp;all the time&nbsp;and need easy access to, and the&nbsp;features&nbsp;that&nbsp;don\u2019t&nbsp;need to be seen often. For example,&nbsp;in a presentation space, video input selection and microphone controls should never be more than 1 tap of the screen away, whereas controls for a PTZ camera in that space&nbsp;are more likely to be set and then forgotten for longer&nbsp;periods of time, so those buttons can be hidden&nbsp;in a popup.&nbsp;&nbsp;<\/p>\n\n\n\n<p>I think I\u2019d advise people to focus on&nbsp;simplicity and&nbsp;have minimal navigation on interfaces. Most of our designs will have a \u201cmain menu\u201d which gives clear access to the most important controls and either a smaller bar or button which navigates to extra popup controls&nbsp;if needed.&nbsp;There shouldn\u2019t be any popups within popups or a chain of pages that needs to be backtracked on to return to home.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>AA:&nbsp;Do you develop everything by yourself or do your projects&nbsp;require collaborative&nbsp;workflows?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;When it comes to UCI design, I generally&nbsp;try to handle most things myself&nbsp;and get my colleagues to try the interfaces&nbsp;to&nbsp;provide&nbsp;feedback.&nbsp;There\u2019s usually a bit of a cycle of reviewing, making changes, and then reviewing&nbsp;again&nbsp;before&nbsp;it\u2019s perfect.&nbsp;For the control side of things, we use GitHub to maintain our plugins and that\u2019s&nbsp;much&nbsp;more of a team effort.&nbsp;Sometimes I\u2019ll use plugins my colleagues have made, and sometimes I\u2019ll commit changes to them based on on-site experience. In that sense, we\u2019re often improving each other\u2019s work.&nbsp;&nbsp;<br><\/p>\n\n\n\n<p>AA:&nbsp;Any designing tips for newcomers to Q-SYS?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;I think one of the mistakes I made early on when I first started designing UCIs was trying to make use of all the space on the&nbsp;touch panel&nbsp;all the time, often resulting in crowded interfaces with too much going on at once. There\u2019s nothing wrong with empty space,&nbsp;so even if you&nbsp;<em>could<\/em>&nbsp;fit both your audio&nbsp;controls&nbsp;and video&nbsp;controls&nbsp;onto&nbsp;one page, consider&nbsp;spreading&nbsp;them&nbsp;across two&nbsp;pages&nbsp;and&nbsp;giving the design room to breathe. <\/p>\n\n\n\n<p>AA:&nbsp;Do you have any programs you recommend&nbsp;designers&nbsp;to learn?&nbsp;Any advice&nbsp;for others who might be thinking about trying these tools out?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;We use Adobe XD for the initial planning phase of GUIs, as it\u2019s easy&nbsp;to drop buttons and images in place and replace them as the design goes through changes. You can also&nbsp;turn buttons&nbsp;into links to other pages, emulating the workflow of the GUI. The other great thing about XD is that you can easily&nbsp;share&nbsp;prototypes&nbsp;with clients and colleagues to&nbsp;test&nbsp;and get feedback on.&nbsp;<\/p>\n\n\n\n<p>I&nbsp;think Photoshop is&nbsp;must-have for designing too, I mainly use it for recoloring assets, making edges neater, and exporting assets with pixel-accurate dimensions for use.&nbsp;&nbsp;<\/p>\n\n\n\n<p>AA:&nbsp;You and your&nbsp;colleagues have&nbsp;maintained an impressive <a href=\"https:\/\/github.com\/q-sys-community\">library of&nbsp;plugins&nbsp;publicly&nbsp;available on GitHub<\/a>.&nbsp;First, thank you for pushing the boundaries of the Q-SYS&nbsp;platform&nbsp;and for putting all your work in one place.&nbsp;How long ago did you start this programming&nbsp;endeavor?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;Credit for beginning the plugin library as well as the overall workflow we\u2019re using goes to my manager, Sam Shelton.&nbsp;It was around 2 years ago he&nbsp;managed to get our&nbsp;GitHub in a useable, documented&nbsp;state, although we\u2019d spent&nbsp;a&nbsp;bit&nbsp;of time beforehand&nbsp;learning how to create plugins and trying&nbsp;different&nbsp;things out.&nbsp;<\/p>\n\n\n\n<p>AA:&nbsp;What&nbsp;drives your plugin development priorities? Is it specific job&nbsp;demand&nbsp;or are&nbsp;you&nbsp;looking&nbsp;at the&nbsp;demand&nbsp;from&nbsp;the community?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;It initially&nbsp;stems&nbsp;from our upcoming projects.&nbsp;We aim to build a plugin for every device we control, as it feels like a much neater workflow than having individual control scripts lying around. However, after creating a plugin for a particular device, it becomes much easier to use as a template for similar devices.&nbsp;For example, after creating a plugin for&nbsp;a particular brand of&nbsp;matrix switchers for a project, it was a pretty simple process to create video matrix plugins for other manufacturers,&nbsp;which we may not need right now but&nbsp;someone else might.&nbsp;I\u2019ve added a screenshot so you can see the similarities between&nbsp;the layouts of&nbsp;our plugins.&nbsp;&nbsp;<br>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blogs.qsc.com\/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>It\u2019s also been interesting to see what&nbsp;other people have&nbsp;been making,&nbsp;as&nbsp;so&nbsp;far,&nbsp;we\u2019ve been&nbsp;completely&nbsp;focused on plugins to&nbsp;control hardware, whereas others&nbsp;are making plugins for all sorts of things like weather information and streaming radio stations!&nbsp;There\u2019s plenty of inspiration to be found in the community, and now I\u2019m thinking about what kinds of useful plugins I could make&nbsp;that&nbsp;aren\u2019t just controlling third-party hardware.<\/p>\n\n\n\n<p>AA: How did you get&nbsp;involved&nbsp;in plugin&nbsp;development for the Q-SYS platform?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;When I first started using Q-SYS, I was still&nbsp;new&nbsp;to the industry and only using it as a DSP.&nbsp;It was&nbsp;my manager&nbsp;Sam who first saw the potential in it for control and encouraged me to&nbsp;dig deeper into its full capabilities. After playing with control scripts for a while, plugins were the next logical step.&nbsp;<\/p>\n\n\n\n<p>AA: Do you see a lot of external&nbsp;developers&nbsp;using&nbsp;GitHub to fork your code and improve upon it or&nbsp;GitHub mostly used internally for version control?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;I certainly hope so!&nbsp;We named our GitHub \u201cQ-SYS-Community\u201d for a reason.&nbsp;We\u2019d love to see other developers contribute to it and help build a&nbsp;large collection&nbsp;of plugins for everyone to use.&nbsp;The&nbsp;original idea was to create a community version of the Asset Manager which everyone can contribute to.&nbsp;But&nbsp;we\u2019re planning to use&nbsp;the Developer community&nbsp;to push the idea out and get&nbsp;more than just our small team&nbsp;involved.<\/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\/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:&nbsp;Any&nbsp;advice to&nbsp;other citizens for getting started on developing plugins for the Q-SYS ecosystem?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;The easiest way to understand how plugins work is to open&nbsp;the code for existing plugins and reverse engineer them. I learned from some example plugins mainly by breaking them and&nbsp;attempting&nbsp;to fix them again.&nbsp;At Solo Works we&nbsp;aim&nbsp;to make our code&nbsp;as readable&nbsp;as possible so hopefully our plugins can help too;&nbsp;download them and see what\u2019s inside.&nbsp;<\/p>\n\n\n\n<p>AA:&nbsp;As mentioned above,&nbsp;QSC&nbsp;plans&nbsp;to integrate&nbsp;GitHub repositories&nbsp;for&nbsp;them&nbsp;to show up on the Code Exchange in&nbsp;Communities. Other than that, what are your hopes for the evolution of Communities? Anything that you are&nbsp;looking forward to seeing on the platform&nbsp;that would make your life easier?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;GitHub integration is&nbsp;definitely the&nbsp;feature I\u2019m most excited for. As a community for developers, I think it\u2019s something many users are already very familiar&nbsp;with,&nbsp;so it\u2019ll simplify collaboration&nbsp;on&nbsp;the platform.&nbsp;Hopefully we\u2019ll see more people sharing cool stuff!&nbsp;<\/p>\n\n\n\n<p>AA:&nbsp;Thank you,&nbsp;Daniel!&nbsp;Looking forward to&nbsp;seeing&nbsp;more of your creations! Outside of Communities, where can fellow Q-SYS designers contact you for work?&nbsp; And do you have social media accounts that peers can follow you on?&nbsp;<\/p>\n\n\n\n<p>DW:&nbsp;You\u2019re welcome! It\u2019s been a pleasure to talk about some of the&nbsp;many&nbsp;things we\u2019ve been working on. You can contact me by email at&nbsp;<a href=\"mailto:dan.wright@soloworks.co.uk\" target=\"_blank\" rel=\"noreferrer noopener\">dan.wright@soloworks.co.uk<\/a>&nbsp;or on <a href=\"https:\/\/www.linkedin.com\/in\/danwrightsw\">LinkedIn<\/a>.&nbsp;Developers can find our&nbsp;plugins&nbsp;at&nbsp;<a href=\"https:\/\/github.com\/q-sys-community\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/q-sys-community<\/a>&nbsp;and&nbsp;you can&nbsp;find all the links to follow Solo Works on our <a href=\"https:\/\/solo-x.co.uk\">website<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>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; <a href=\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/\">Read More<\/a><\/p>\n","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\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\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\/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\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/97c9484a55556008efb850f5b09f35d3\",\"name\":\"Adrien Avellan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\/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\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/","og_locale":"en_US","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\/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":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.qsc.com\/systems\/2021\/10\/19\/citizen-spotlight-design-and-plugin-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@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":"en-US"},{"@type":"Person","@id":"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/97c9484a55556008efb850f5b09f35d3","name":"Adrien Avellan","image":{"@type":"ImageObject","inLanguage":"en-US","@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\/author\/aavellan\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/posts\/2277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/comments?post=2277"}],"version-history":[{"count":0,"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/posts\/2277\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/media?parent=2277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/categories?post=2277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/wp-json\/wp\/v2\/tags?post=2277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}