Giter Club home page Giter Club logo

cloud-osa-app's Introduction

CloudOsaApp

Cloud Optical Spectrum Analyzer - an application that emulates a very basic text command interface of legacy laboratory equipment.

Technologies:

  • Python for REST APIs
  • Angular 9 for developing the web application

Application Features:

  • SINGLE button retrieves a single trace from the virtual OSA.
  • START button initiates continuous (repetitive) acquisition with ~1Hz(1 second) refresh rate.
  • STOP stops the acquisition.
  • Persist Data Feature: Two layers of data plotting is enabled for demonstration purposes but the application can support any number of plot layers. For example, there is a layer L1 (green) of data plotted on the graph, now if the user enables the Persist Data option by selecting YES and clicks on SINGLE button then a new layer L2 (red) of plot will be displayed. So there are two layers L1 and L2. If the user clicks again on SINGLE button the first layer L1 will be removed and a new layer L3 (green) will be added. The graph will displaying layers L2 and L3.
  • Logs section tracks all the user actions.
  • Command Console section allows the user to query the commands and see the result. For example, enter trace and the results will be displayed to the user.

Steps to run the application on local system:

  1. Execute command git clone https://github.com/uanthwal/cloud-osa-app in command prompt/Gitbash/Terminal to the clone the repository.

  2. In the command prompt/Gitbash/Terminal window, navigate to the backend directory and execute the command: pip install -r requirements.txt to install all the Python packages used by this application.

  3. Execute command: python backend.py to start the server code.

  4. To run the web application locally there are two options:

    *a. Running the application from the source code

    1. Open command prompt and navigate to the root level of the cloned repository, execute command npm install to install the application dependencies.
    2. Execute command ng serve and a message will be displayed that the application is served on http://localhost:4200
    3. Open web browser and launch the application using http://localhost:4200

    *b. Running the application from the build

    1. Open command prompt and execute command npm install http-server -g to install a lightweight http-server that will serve the web application locally.
    2. Navigate to the root level of the cloned repository and execute command: http-server dist/cloud-osa-app a message will be displayed that the application is running on http://127.0.0.1:8080/
    3. Open web browser and launch the application using http://127.0.0.1:8080/

cloud-osa-app's People

Contributors

uanthwal avatar

Watchers

James Cloos avatar  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.