Web Applications Development Assignment

Scenario

Lingo Academy provides people with short time courses in IT. You are required to create a simple web application which we will call ‘Lingo Management System’ for the purpose of maintaining student’s details and monitoring their academic progress. The system has an admin who has full administrative rights to register, remove, update and maintain the students’ details and to register and update courses in the system. The student should be able to login to the system and check his progress. To implement the site, you must use HTML5, CSS and JavaScript for the client- side coding. PHP must be used for the server side coding. The site must run from a local web server. The backend will be built with MySQL Server database.

Optional:

Each course at Lingo Academy has only one teacher who has the rights to insert and update the grades directly in the system only for his students (less than 50 Fail, between 50 and 60 Pass, between 60 and 70 Merit, above 70 Distinction). Also, add to the system a facility to allow teachers to monitor students’ academic progress.

Functional Specification

1. Accounts Creation

- Create HTML forms as needed to create accounts for the users of the system and to store and maintain the required data.

- Account and other data (e.g. courses) details are to be stored in your MySQL database.

- The system must prevent duplicate usernames being chosen (Do not use the email address as a username).

2. Forms Validation

It is important that you validate the forms on client side using html5 and JavaScript code, in addition to the validation using server side code (i.e. PHP) and you should display proper error messages as needed.

3. Authentication

Any available login form on your website should be usable by the all the user types of the system, however they should be allowed to access only what is related to their roles.

4. Search

The admin and the teacher should be able to search available students. However, the teacher should only be allowed to find and view his own students. Also, all users of the system should be allowed to search and find courses available in the system.

5. Contact

Your website must provide users with a contacting form that uses html5, JavaScript and PHP. The form should send the message directly to the admin or the teacher depending on the user selection. It should as well keep a copy of the email inside the MYSQL db.

6. Other issues

Your website should look simple and nice and must include minimum 5 different pages including home, courses, about, contact us (public pages) and accounts management (private pages). All public pages must have a header and footer with relevant logo, navigation links menu, login form, images and/or videos.

Task 1

In the reference to the above scenario:

1.1 Critically evaluate the functions and advantages of web applications. [P1.1].

1.2 Critically compare different types of server-side and client-side scripting languages. [P1.2, M1].

1.3 Examine web security concerns and make recommendations for security improvements for your web application. [P1.3].

 To achieve M1; Student has to define clearly the difference between the client side and server side languages. In addition, student has to identify and define multiple server and client side languages and to list main differences between them.

Task 2

This task focuses in the design of the web application and associated database. Within this context and in the reference to the above scenario:

2.1 Design a web application to meet the given requirements in the scenario above. Use all relevant techniques such as wire-framing, storyboarding and sitemap. Your website shall have all the relevant pages for full implementation of the above scenario including a sitemap. [P2.1, M2]

2.2 Demonstrate a client-server architecture suitable for your web application. [P2.2, D1]

2.3 Design a database system for use in your web application. [P2.3, D2]

2.4 Evaluate alternative designs and solutions to meet a given requirement. [P2.4]

Department of Information Technology Page 4 of 10

 To achieve M2; Student has to introduce proper and consistent wire-frames and storyboards including header, footer, main content sections with logo, navigation links menu, login form, crumb-bread, relevant images and videos … etc.

 To achieve D; Student has to illustrate proper client-server architecture that suits his system and has to demonstrate the role of each component and how they communicate together.

 To achieve D; Student has to create a multiple tables database, demonstrate the relations between them and justify his design.

Task 3

This task aims to establish a good familiarity with the website implementation of the web application using proper client-server technologies connected to a relational database using html, CSS, JavaScript, PHP and MySQL DB. To this end you have to:

3.1 Implement the proposed wireframe and storyboards introduced in task 2 using mark-up and scripting languages as appropriate: HTML for web pages, CSS for presentation styles, JavaScript for client side script [P3.1].

3.2 Implement web-enabled database management system to store, retrieve and manipulate data in the web application as specified in the scenario above using PHP and SQL queries. [P3.2, D3]

3.3 Identify and implement opportunities for error handling and reporting. [P3.3]

 To achieve D3; Student has to implement a proper functional system that reflects creativity in developing the proposed client-server architecture introduced in Task 2.

Task 4

4.1 Review and test your web application on front end and back end levels. [P4.1]

4.2 analyse actual test results against expected results to identify discrepancies (Use verification table). [P4.2]

4.3 Critically evaluate independent feedback on a developed web application and make recommendations for improvements [P4.3, M3]

4.4 Create user documentation for a developed web application. [P4.4, D3]

 To achieve M3; Student has to list the independent feedback and demonstrates how they will deal with it in proper way.

 To achieve D3; Student has to provide proper documentation for the technical side in a way that allows other developers realise how to fix and update the code of the system. Also student has to demonstrate clearly how the actual user of the system will be able to use it. The user guide has to include clear instructions and relevant screen shots.

Programming Assignment Help provides plagiarism free assignments i.e. all our solutions are genuine and written by best technical assignment writers who have years of experience. Get a quote now.