There are 3 problems below. For each problem follow instructions. Make sure to complete all steps. Rubric is attached below.

#1- Screenshot of program is labeled as Number 1 and ElectronicSystem.zip is attached with this program. Need to Make UML for this one based on the program given. 

#2- 

Using draw.io or another drawing tool, create a UML design diagram for an Octagon class. Your UML design should include and represent the following:

The Octagon should have GeometricObject as its superclass.

The Octagon class should implement the Comparable and Cloneable interfaces.

For the Octagon object’s getArea() method, assume that all eight sides of the octagon are of equal length. The area can be computed using the following formula:

Implementation instructions

1. Following your UML design, implement all the classes 

• 2. Then implement an application (driver class with a main method) that

create a new Octagon object called octogon1

creates an ArrayList to contain GeometricObject‘s and add octogon1 to the 

add 6 more Octagon objects with random values for the equal length sides 

• create a new Octagon object called octogon2 from one of the random Octagon objects in the ArrayList using the clone() method, then

using a loop and print each object in the ArrayList and test octogon1 and octogon2 against each Octagon object in the ArrayList using

the compareTo() method to display whether the object is ‘less than’, ‘equal to’ or ‘greater than’

the equals() method to display ‘==’ or ‘!=’

Note: Use the hypelinks to access the references and resources for this assignment

Need these for this problem:

•  Your UML diagram exported as an image file (jpeg or png)

A captured image (jpeg or png) of your screen showing your program’s output

#3

Using draw.io or any drawing tool, create the UML design diagram that for

an interface called Colorable with a method that returns void named howToColor() to display the message Color all four sides.

a child class called Square

with GeometricObject as its parent class

which implements the Colorable interface

with a value for the side (only one vlaue is necessary since both sides are equal)

the Circle and Rectangle classes (which do NOT implement Colorable)

1. NOTE: Be sure to include all interfaces, classes and their relationships in your UML design diagram

Implementation instructions
Following your UML diagram, in SEPARATE source code files implement

Colorable and

1. Square,and then

Include the source code files for Circle and Rectangle

implement an application (driver class) with a main method that demonstrates the Colorable interface and the Square class as follows

create an ArrayList of at least seven GeometricObjects: at least 2 Circles, 2 Rectangles and 2 Squares.

1. For each object in the array, display its area and invoke its howToColor() method if and only if it is Colorable.

create an Colorable array (NOT an ArrayList) containing 5 random Square objects

1. print each object in the array (area and perimeter)

Note: Use the hyperlinks to access the references and resources for this assignment.

Need these for this problem:

Your UML diagram exported as an image file (jpeg or png)

A captured image (jpeg or png) of your screen showing your program’s output