Website Diagram Creation: Class & ER

This practical assignment requires the creation of two diagrams: a class diagram and an ER diagram, for a WordPress website project. The website, built using PHP and MySQL, had several issues including database connectivity, non-functional PHP code, and a faulty search feature. The current team has addressed some of these issues, including database updates and website enhancements using WordPress themes and plugins. The diagrams should be editable, use black font, and include explanations of each entity or item's function. The assignment requires a detailed understanding of the website's structure and functionality.

Assignment
There has to be two diagrams drawn as given below and the implementation details should also
be specified:
 Class Diagram
 ER Diagram
Details:
There was a team before that worked on building a WordPress Website(.com) with using PHP
and MySQL.
The three current team members were given a project to work on the same website as website
didn’t function properly.
Problems figured out in the website were:
 The database was not connected properly with this WordPress website
 PHP code written by previous team did not function.
 The Search Bar and Option to submit data was not working properly
 If we click the search button without entering anything, it used to display list of some
student with certain universities they graduated in US.
 The website did not seemed attractive.
 One of the issues was the empty photo slots by the name of the team members in about us
page that worked before on this website.
Current team members were not able to solve all the issues of the website but we did solved
mostly of them:
 Old data in the database was totally removed as told by the teacher. New data like some
current students who graduated from certain colleges was entered into the database using
MySqL
 Now after entering some data like (some student name) to be searched for, It shows the
actual thing.
 As the website did not look that attractive some of the features of WordPress is used to
look good:
Theme - Twenty Fourteen is used
Plugins such as Akismet , Form, Page Builder is used.
 In Menus section of website one link was updated.
 HTML code has been written to edit some text and add the current team members name
in a proper list format in about us page.
What to follow:
1) The whole diagram should be editable like text can be edited. Solution done in word format. The images
should also be editable.
2) Only black font color to be used.

3) I want those diagram thru which I can understand something as there should be some information written
below every diagram that what entity or item is doing or its functions in the diagram made. Proper clarification.
Deadline : 15-18 hrs from now