Inside the Swim LED Manager ApplicationThe source code has lot of comments to help you understand how things operate. If you need help or have questions, do not hesitate to reach out and ask. We are happy to help! Setup and install instructions are included in the README on github.
ServerUsing the Swim open source library we can create an application server which creates a Swim WebAgent for each LED Panel being managed by the application. Each of these WebAgent can then manage the state of the real world panel assigned to it. The data inside every WebAgent is then available to both the Panel clients and WebUI where the state is managed by a user. Clients Can open swim links to the various lanes in the WebAgent to get real time updates when that lane's value changes. This also allows for the server and client to run on different hardware from each other.
ClientThe client scripts use the Swim JavaScript Client to link to and listen for changes on the Lanes on their respective WebAgents and update the displays based on that state stored in the WebAgent. Each client runs in NodeJS and acts as a bridge to the hardware which drives the physical display.
WebUIThe LED Manager UI is also served by Swim and can be found at http://<your server ip>:9001/. The WebUI is where users manage what is displayed on each LED Panel that the server is able to manage. The UI itself is a simple pixel editor which allows of importing and editing animated Gifs for display on the LED Panel. When importing new Gifs, be sure to scale them to the correct size for your LED panel before uploading. The UI also uses the Swim JavaScript Client to link to same Swim Lanes that the node process listens on. By using Swim command lanes, the UI is able update and manage the LED Panel state.
WebUI Cheatsheet
Comments
Please log in or sign up to comment.