nesterrovv / web-programming

My implimentation of "Web-programming" course at the ITMO Universiry, 2nd year

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Web-programming course at the ITMO University, 2nd year of study

Lab work #1 - variant 34100

Task:

Develop a PHP script that expects to receive points on a coordinate boundary in a given area, and create an HTML page that generates data to send to the script for processing. The R parameter and point coordinates must be passed to the script via an HTTP request. The script must perform data validation and return an HTML page with the detection of parameters and calculation results - the fact of detection or missing points in the area. Previous results must be processed between queries and in the table. In addition, the response should provide data about the time and the time the script ran.

The developed HTML page must meet the following requirements:

  • For the arrangement of text and graphic elements, it is necessary to use a tabular layout.
  • The form data must be submitted for processing via a POST request.
  • Style sheets must reside in the web document itself.
  • When working with CSS, the use of class selectors, id selectors, element selectors, child selectors, and CSS styling properties such as inheritance and cascading must be demonstrated.
  • The HTML page should have a "header" containing the student's full name, group number, and new option. When designing a header, you must explicitly set the font (fantasy), its color and size in the cascading style sheet.
  • Input element padding must be specified in pixels.
  • The page must contain a JavaScript script that validates the values ​​entered by the user in the form fields. Any invalid values ​​(such as letters in point coordinates or a negative radius) should be blocked.

Execution:

You can check the operability of the laboratory work on the university cluster at this link. There is a PDF-report in lab work folder.

Lab work #2 - variant 34101

Task:

Develop a web application based on servlets and JSP, which determines whether a point on a coordinate boundary in a given area.

The application must be implemented according to the MVC pattern and consist of the following elements:

  • ControllerServlet, which determines the type of request, and, depending on whether the request contains information about the coordinates of the point and the radius, delegating its processing to one of the components listed below. All requests within the application must be sent to this servlet (via the GET or POST method, depending on the job option), other servlets from web pages should not be directly called.
  • AreaCheckServlet, which checks if a point falls into an area on the coordinate plane and generates an HTML page with the results of the check. Must process all requests containing information about the coordinates of the point and the radius of the area.
  • The JSP page that renders the HTML page with the web form. Should process all requests that do not contain information about the coordinates of the point and the radius of the area.

The developed JSP page should contain:

  1. "Header" containing the student's full name, group number and option number.

  2. A form that submits data to the server.

  3. A set of fields for specifying the coordinates of a point and the radius of an area in accordance with the task option.

  4. A JavaScript script that validates the values entered by the user in form fields.

  5. An interactive element that contains an image of an area on the coordinate plane (according to the task option) and implements the following functionality:

    • If the area radius is set, the mouse click on the image should be handled by a JavaScript function that determines the coordinates of the point that the user clicked on and sends the resulting coordinates to the server to check for a hit.
    • Otherwise, after clicking on the image, a message should be displayed about the impossibility of determining the coordinates of the point.
    • After checking whether the point is in the area, the image must be updated with the results of this check (i.e., a new point must appear on it).
  6. Table with the results of previous checks. The result list must be taken from the application context, HTTP session, or bean, as appropriate.

The page returned by AreaCheckServlet must contain:

  1. A table containing the received parameters.

  2. The result of the calculations is the fact that the point hits or misses the area.

  3. A link to a page with a web form for generating a new request.

The developed web application must be deployed on the WildFly server. The server must be running in a standalone configuration, ports must be configured in accordance with the given portbase, access to the http listener must be open to all IPs.

Lab work #3 - variant 34102

Task:

Develop an application based on the JavaServer Faces Framework that checks if a point falls on a coordinate boundary in a given area.

The application must include 2 facelets templates - the start page and the main application page, as well as a set of managed beans that implement server-side logic.

The start page should contain the following elements:

  • "Header" containing the student's full name, group number and option number.
  • An interactive clock showing the current date and time, updated every 11 seconds.
  • A link that allows you to go to the main page of the application.

The main page of the application should contain the following elements:

  • A set of components for setting the coordinates of a point and the radius of an area in accordance with the setting option. You may need to use additional component libraries - ICEfaces (prefix "ace") and PrimeFaces (prefix "p"). If a component allows input of deliberately incorrect data (such as letters in point coordinates or a negative radius), then the application must validate them.
  • A dynamically updated picture depicting an area on the coordinate plane in accordance with the number of the variant and points, the coordinates of which were specified by the user. Clicking on the image should initiate a script that determines the coordinates of a new point and sends them to the server to check if it falls into the area. The color of the dots should depend on the fact of hitting / missing the area. Changing the radius should also initiate a redraw of the image.
  • A table listing the results of previous checks.
  • A link that allows you to return to the home page.

Additional application requirements:

  • All test results must be stored in a database managed by the Oracle DBMS.
  • To access the database, you must use the JDBC protocol without any additional libraries.
  • An Application-scoped Managed Bean must be used to manage the list of results.
  • Managed beans must be configured using parameters in the configuration file.
  • Navigation rules between application pages must be specified in a separate configuration file.

About

My implimentation of "Web-programming" course at the ITMO Universiry, 2nd year

License:MIT License


Languages

Language:Java 29.5%Language:Vue 24.8%Language:HTML 24.7%Language:JavaScript 14.2%Language:CSS 5.0%Language:PHP 1.9%