KIP is powerful marine instrumentation package to display Signal K data. KIP, much like modern expensive MFDs, is very flexible and can be split up in any arrangements and display all kinds of data available to Signal K server.
The idea is to replicate the functionality of MFDs such as the B&G Triton, Raymarine i70, or Garmin GMI20.
Once installed on the Signal K server, simply navigate to http://<Signal K Server URL>:<port>/@mxtommy/kip
to load KIP and enjoy it's features remotely on any device.
KIP adjusts to the device type and form factor for the best possible user experience.
Run KIP in full screen, with no browser controls visible, just like regular mobile apps. This feature is supported on most mobile OS. Each browser has it's own way of handling PWA deployments.
To install KIP as an App, first load KIP in the browser. Then follow the steps below:
iOS
Android
Meant to build purposeful screen(s) with however many widgets you want, where you want them.
Quickly split pages into multiple areas, resize and align to your liking, add the widget of your choosing to each area. Need more? Add as many additional pages as you whish to keep your display purposeful. Simply swipe left and right or use the bottom page navigation button to quickly cycle from page to page.
Easy basic widget configuration.
See what Signal K has to offer that you can leverage with widgets. Select it and tweak the display options to your purpose.
Many units are supported. Choose your preferred App defaults, than tweak it widget-by-widget as necessary. KIP will automatically convert the units for you.
All KIP Widgets are visual presentation controls that are very versatile with multiple advanced configuration options available to suit your needs:
Numeric display: Create gauges to display any numerical data sent by your system - SOG, Depth, Winds Speed, VMG, refrigerator temperature, weather data, etc.
Text display: Create gauges to display any textual data sent by your system - MPPT state, vessel details,Next Waypoint, Fusion radio song information, noon and sun phases, any system components configuration detail or statues available, etc.
Date display: a timezone aware control with flexible presentation formatting support.
Boolean Control Panel: A switch board to configure and operate remote devices - light switches, bilge pump, solenoid, any Signal K path that support boolean PUT operations.
Linear gauge: Visually display any numerical data on a vertically or horizontally scale - Tank and reservoir levels, battery remaining capacity, etc.
Linear electrical gauge: A visual display for electrical numerical data - chargers, MPPT, shunt, etc.
Radial gauge: Visually display any numerical data on a radial scale - Boat Speed,Eond Speed, engine RPM,etc.
Compass gauge: A card or marine compass to display directionnal data such as heading, bearing to next waypoint, wind angle, etc.
Radial and linear Steel gauge: Old school look & fell gauges.
Wind Steering Display: Your typical sailboat wind gauge.
Freeboard-SK Chart Plotter: A high quality Signal K implementation of Freeboard integration widget.
Autopilot Head: Operate your autopilot from any device remotely.
Data Chart: Visualize data trends over time.
Race Timer: Track regatta start sequence.
Embedded Webpage: A powerful way of integrating any web based content or application within with your KIP layout - Grafana dashboards, Node-RED dashboard, your own standalone webapp,anything that does not cross domain!
Get the latest version of KIP to see what's new!
Various
Electrical and Tank Monitoring Sample
Freeboard-SK Integration
Grafana Integration
Keep your night vision with a simple double tap. The below image looks very dark, but at night...it's perfect!
Stay informed with notifications about the state of the data you are interested in. As an example, Signal K will notify KIP when a water depth or temperature sensors reaches certain levels. In addition to KIP's centralized notification menu, individual Widgets offer tailored visual representation appropriate to their design objectives, providing an optimal user experience.
If you have different roles on board; captain, skipper, tactician, navigator, engineers or simply different people with different needs, each can tailor as they wish. The use of profiles can also offer the ability to tie specific configuration arrangements to use case or device form factors.
KIP has it's own Discord Signal K channel to get in touch. Join us at https://discord.gg/AMDYT2DQga
See KIP's GitHub project for latest feature request. https://github.com/mxtommy/Kip/issues
KIP is under MIT license and is built with Nodes and Angular using various open-source assets. All free!
Tools Linux, Mac, Pi or Windows dev platform supported
npm
and node
. On macOS, you can use brew install node
if you have homebrew.npm install -g @angular/cli
Coding
npm install
. NPM will read Kip project dependencies (see Steps 2), download and install everything automatically for you.ng build
. CLI tool will build KIP.Setup
npm run dev
.http://localhost:4200/@mxtommy/kip
. Alternatively to start the dev server and connect using remote devices use such as your phone: ng serve --configuration=dev --serve-path=/@mxtommy/kip/ --host=<your computer's IP> --port=4200 --disable-host-check
As you work on source code and save files, the app will automatically reload in the browser with your latest changes. You also need a running Signal K server for KIP to connect to and receive data.
Apple PWA Icon Generation
Use the following tool and command line:
npx pwa-asset-generator ./src/svg-templates/KIP-icon.svg ./src/assets/ -i ./src/index.html -m ./src manifest.json -b "linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898" -p 5%
Share Once done with your work, from your fork's working branch, make a GitHub pull request to have your code reviewed, merged and part of the next release.