DESCRIPTION

Barco’s OpSpace is the first personal workspace that creates a single

workspace – consisting of a number of displays on the operator’s desk –
for viewing, monitoring and interacting with multiple clients that reside on
multiple networks with different security clearances or liability concerns.
All relevant information can be consulted and manipulated within a single
pixel space, with just one mouse and keyboard. In this way, the operator
is at the center of the information and has all data within easy reach.

OpSpace reduces the clutter and brings simplicity back to your workflow,
both on screen and on your desk. Barco’s operator workspace solution
integrates all applications into a single integrated workspace. With just
one click, you can call any application into view – reducing navigation
time and greatly improving the overview of any situation. What’s
more, OpSpace allows you to do all this with only one keyboard and one
mouse. When transitioning from an old to a new application
environment, OpSpace even allows you to have both systems on the
same screen, allowing you to get used to a new routine.

OpSpace is agnostic to source and network types and uses standard

networking protocols. This makes adding new applications to your
workflow painless. OpSpace guarantees clean modernization projects,
allowing you to easily add new and legacy systems to your workspace
environment.

Barco’s OpSpace workspace solution was designed for use in control

rooms and based on the highest standards for 24/7 operation
in critical environments. OpSpace is easy to install,
maintain and upgrade. It provides secure access to hosts across
multiple security domains. OpSpace allows to present information from
isolated networks - both IT and OT - on the same pixel space. This way,
you can maintain a higher level of security and prevent unauthorized
access and data transfer.
 Introduction

Front End software Developer job responsibilities include: Planning,

scheduling, and publishing communication and social media campaigns

Strategizing about new community-building initiatives

Responding to customers in a timely manner

Organizing and managing events to boost brand awareness and

recognition

Coordinating with marketing, PR, sales, development, events, and

communications teams

Track, monitor, analyze, and report on feedback, online reviews, and

engagement-focused data

Work on relationship building one-on-one with customers, industry

professionals, and members of the media who can help boost your
brand

Because this job is so important, it's crucial to choose someone who is a

go-getter, capable of being a self-starter who will take it upon
themselves to stay up-to-date with all the latest trends in social media,
digital technology, and business best practices.
WORK FLOW
 TTECHNOLOGY BUCKET
UI:
User Interface (UI) defines the way humans interact with the
information systems. In Layman’s term, User Interface (UI) is a series
of pages, screens, buttons, forms and other visual elements that are
used to interact with the device. Every app and every website has a
user interface.
User Interface (UI) Design is the creation of graphics, illustrations, and
use of photographic artwork and typography to enhance the display and
layout of a digital product within its various device views. Interface
elements consist of input controls (buttons, drop-down menus, data
fields), navigational components (search fields, slider, icons, tags),
informational components (progress bars, notifications, message
boxes).

Html:
HTML stands for HyperText Markup Language. It is used to design web
pages using the markup language. HTML is the combination
of Hypertext and Markup language. Hypertext defines the link between
the web pages and markup language defines the text document within the
tag that define the structure of web pages

HTML is used to create the structure of web pages that are displayed on
the World Wide Web (www). It contains Tags and Attributes that are used
to design the web pages. Also, we can link multiple pages using
Hyperlinks.

Css:
CSS (Cascading Style Sheets)is used to apply styles to web pages.
Cascading Style Sheets are fondly referred to as CSS. It is used to make
web pages presentable. The reason for using this is to simplify the
process of making web pages presentable. It allows you to apply styles
on web pages. More importantly, it enables you to do this independently
of the HTML that makes up each web page.
JS:
JavaScript (JS) is the world’s most popular lightweight, interpreted
compiled programming language. It is also known as a scripting language
for web pages. It can be used for Client-side as well as Server-
side developments.

JavaScript is the most popular programming language for both client-side

and server-side to make interactive web pages. It is mainly used to
develop websites and web-based applications.
 Creating Interactive Websites: JavaScript is used to make
the web pages dynamic and interactive. It means using
JavaScript, we can change the web page content and styles
dynamically.
 Building Applications: JavaScript is used to make web and
mobile applications. To build the web and mobile apps, we can
use most popular JavaScript frameworks like – ReactJS,
React Native, Node.js etc.
 Web Servers: We can make robust server applications using
JavaScript. To be precise we use JavaScript frameworks like
Node.js and Express.js to build these servers.

Web Socket:
WebSocket is a computer communications protocol, providing full-
duplex communication channels over a single TCP connection. The
WebSocket protocol was standardized by the IETF as RFC 6455 in
2011. The current API specification allowing web applications to use this
protocol is known as WebSockets.[1] It is a living standard maintained by
the WHATWG and a successor to The WebSocket API from the W3C.[2]
WebSocket is distinct from HTTP. Both protocols are located
at layer 7 in the OSI model and depend on TCP at layer 4. Although they
are different, RFC 6455 states that WebSocket "is designed to work over
HTTP ports 443 and 80 as well as to support HTTP proxies and
intermediaries", thus making it compatible with HTTP. To achieve
compatibility, the WebSocket handshake uses the HTTP Upgrade
header[3] to change from the HTTP protocol to the WebSocket protocol.
The WebSocket protocol enables interaction between a web browser (or
other client application) and a web server with lower overhead than half-
duplex alternatives such as HTTP polling, facilitating real-time data
transfer from and to the server. This is made possible by providing a
standardized way for the server to send content to the client without
being first requested by the client, and allowing messages to be passed
back and forth while keeping the connection open. In this way, a two-
way ongoing conversation can take place between the client and the
server. The communications are usually done over TCP port number
443 (or 80 in the case of unsecured connections), which is beneficial for
environments that block non-web Internet connections using a firewall.
Similar two-way browser–server communications have been achieved in
non-standardized ways using stopgap technologies such
as Comet or Adobe Flash Player.[4]
Most browsers support the protocol, including Google Chrome, Firefox, Microsoft Edge, Internet
Explorer, Safari and Opera.[5]
 IMPLIMENTATION

DROPDOWN USING ANGULAR MATERLIAL

 REFERENCE
UI Wikipedia
Barco.com