TASK 1 [10 marks - report]: Design the static (perceptual) aspects of the Web user interface forthe LetsConnect Website. For each of the tasks above, you need to submit some sample screen shotsof your design. Along with the sample screen shots, provide some explanations that justify yourchoice of design layout, forms, colour schemes/combination, headings, etc. Explain how you followedthe design guidelines in the lecture notes as much as possible.TASK 2 [5 marks - report]: Design the dynamic (logical) aspects of the tool using SNN (SiteNavigation Net) diagram. Note that you are NOT required to draw iFIN, only SNN is requested. ThisSNN diagram should reflect the navigation and the integration of the different screens in Task 1.TASK 3 [75 marks - coding]: Implementation of the tool (note where sensible, use Java-Script for form validation):1. CT1 [10 marks]2. CT2 [35 marks]3. CT3 [10 marks]4. CT4 [5 marks]5. AT1 [5 marks]6. AT2 [5 marks]7. AT3 [5 marks]Note: you must complete the implementation of all the modes above. Note that the main emphasisof this subject is the client side usability, consistency and standard of the layout and datapresentation. The connectivity with the database through PHP is performed mainly to demonstratethe flow of interactions. However, it is expected that all the modes above will have a realconnection to a database. Do focus on the client-side functionality first, and then the server-sideend.TASK 4 [5 marks - report]: Heuristic-Based Usability Testing of the whole implementationIn this final task, you are required to perform a heuristic based usability testing. Note that thisheuristic analysis / testing is to be performed by your own team members. You are NOT permittedto ask other people outside the members of your own team to perform the testing. You arerequired to go through each of the nine heuristic guidelines, and justify how your design and implementationfulfil the criteria in the guidelines. Provide examples, sample screens, etc. to validateyour claims.TASK 5 [5 marks - report]: Provide a design, or changes to the page and site design, for providing amobile version of your Website. You do not need to implement but only to sketch and explain the designon paper. You are can provide on paper "wireframe" diagrams for the mobile version of your site