We require the ability to virtually connect components that have been dropped on to a canvas to be interconnected with cables, there are many types of cable each with their own rules describing which types of devices they can connect to.
This will be built on top of an already existing floorpan editor with drag and drop devices, this is implemented using Vue.js.
To begin with, we need to capture the scale of the floorpan image used, this will require user input to mark a specific section of the floor plan image and specify the real distance this represents.
Each virtual cable will consist of many point to point connections, essentially daisy chaining components of the same connection type. It is worth noting that in our use case it is possible for the same cable to have two connections to the same component, this enables us to employ 'scale-free topology' mapping - imagine this in the form of a tree; an example of this will be provided and can be explained thoroughly.
It is required that as components are added to this virtual cable, a running total of some variables are kept and displayed such as:
- total power consumption
- voltage drop (the maths will be provided)
- total number of devices
- total cable length
Based off of the running totals and rules placed on specific cable types it is necessary to determine which components can be connected, and as such block the ability to connect devices that do not conform.
Each device will have a set of available connections that are keyed by signal type, this type is what defines the requirements to attach a cable to this connection. Out of the device's available connections, a subset will be defined as required before it is considered to be fully connected, e.g. both power and data.
A cable type can be defined as a named entity with a set of available connection configurations, these connection configurations describe all of the different combinations of signal types the cable can carry at one time. For example, a CAT6 cable will be able to carry Ethernet OR Tree and low current 24v power etc. When the user adds a cable it is required for them to select what connection configuration they intend for the cable so that it can only be connected to compatible components.
A detailed list of devices and their connections, as well as cable types and their connection configurations, signal types and connection rules will be provided.
Hi there, Thanks for inviting me to the project. Went through the project description and understood the requirements. A detailed proposal will be provided in chat. Regards, Julijan
14 freelanceria on tarjonnut keskimäärin 1563£ tähän työhön
Dear Nick I can develop the such canvas with 7 years of front-end deveopment experience I already got the solution to implement it Hope to disucss and get feedback from you. Best Regards.