GithubHelp home page GithubHelp logo

monitoring's Introduction

Monitoring app

Open app by executing this command in downloaded folder: cd frontend && npm install && ng serve -o (backend/docker is in progress)

About the app

Monitoring app displays positions of Norwegian ships in selected area. Positions are updated every 30 seconds.

Default view

Your image title

Get area

Enter the coordinates of the space where you want to see the position of the ships. After entering the data and pressing the "Get area" button, a rectangle will be displayed on the map in orange, representing the area from which the ships' data are shown
Your image title Your image title

Ship list

List of mmsi of all visible ships. Click one of them to select the ship. You can also click on the marker on the map. Your image title

Ship details

Once the ship is selected, its picture and details will be shown. Your image title

Timeline

Once the ship is selected, press the "Get timeline" button to see on the map the route taken by the vessel in the last 24 hours. Move the marker to see where the ship has been at any given time. In addition, you will see a graph of the sog (Speed over ground) over time. Your image title Your image title Your image title

monitoring's People

Contributors

emkagd avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.