RV010 - Live Orders: Implement a table in HTML5/Javascript/WebSocket/REST

I gang Opslået 7 år siden Betalt ved levering
I gang Betalt ved levering

For a detailed description read the attached document. Here is a summary:

The objective of this project is to extend an existing web-page, using HTML5, JSP, JavaScript and CSS. This web-page is a part of an existing application, thus, some effort should be dedicated to install and deploy the existing application, prior to implementation of this coding.

In this project you will make the table "LIVE ORDERS" functional. It is located at the bottom of the tabbed window labeled "LIVE".

The functionality of this table is to display real time (live) trade orders. When loaded, the page will call a RESTful Web-Service that responds with the initial data used to initiate the display table.

Once the data was used, the page connects a WebSocket and updates the display table, adding, removing or updating records.

Some of this functionality already exists and used for the display of the top table on this page and you can use the existing code for most of it.

1.1 REQUIRED EXPERTISE

Make sure that you/the team is proficient in the following subjects:

• High level of JavaScript, HTML5 and CSS

• JSP, JAVA programming language and J2EE including JPA (Persistence)

• GlassFish application server including basic security ([login to view URL])

• RESTful web-services and WebSocket API

• JSON, XML, DOM and related subjects

• SQL language and MySQL database

1.2 OBJECTIVES

Your objective is to implement some functionality of a single table in a Web application. The application is based on Java EE 7 and the development platform is Netbeans version 8.x.

The functionality of the application is to display and manage financial information for our organization.

The application’s main features are:

• A GUI that consumes RESTful web services.

• Connect to WebSocket endpoint to get updates

• Use WebSQL and localStorage for local persistency

• Deployment is on a GlassFish application server - latest version (currently 4.1)

• Secured: Using basic authentication and some security roles are defined in this project

• UI is based on JavaScript, JSP, HTML5, CSS and supports foreign languages including RTL (Right to Left) text.

RESTful web-services and WebSocket functionality and entities are already implemented in the project.

YOUR TASK IS TO MAKE THE BOTTOM TABLE ON THE “LIVE” TABBED WINDOW FUNCTIONAL.

For the UI, please use the same components that are already included in the project. Add common JavaScript libraries if needed. Also, your pages should be using CSS properly for display.

The main issue in this project is to correctly populate the table. This is done first when the page is loaded, using a web service, and when the page is connected to a web socket it t receives updates, and these updates are used to populate the table.

The data model for the displayed tables, is originated from a set of RESTful web-services that are included in this application. After you will install the database files and deploy the existing application, open the [login to view URL] page and test the RESTful services. In addition, Netbeans™ provides a simple way to inspect web services by right-clicking on the project’s icon and selecting “Test RESTful Web Services”.

Provided files:

Download and unzip the following files:

• Netbeans project folder (zipped): [login to view URL] – unzip it first and than untar.

• Database dump file (zipped) - unzip it first

• Detailed project description document is provided: RV010_DESIGN.docx.

HMLT5 Java JavaScript Software Arkitektur Webservices

Projekt ID: #11562138

Om projektet

6 bud Remote projekt Aktiv 7 år siden