Final Term Exams Spring - 2021

Program: BCSE Semester:6

Course Title: Web Engineering Section:______________________

Instructors: Muhammad Humair Noor Maximum Marks: 25

Time allowed:90MINS Date: July, 2021

 Before you start your paper, add following line in the title tag of each HTML page <title > {Your First Name, Last
Name, Registration No.}
 Anyone found sharing code with others or trying to do any cheating will be expelled from exam with zero mark
 No need to write the paper by hand, just send the source code in separate folders by Q No and zip the all files in
single folder using {FirstName_LastName_RegistrationNo}

__________________________________________________________________________________

Database Instructions for the paper

You have to create following tables with exact following names of table and columns and no need to
send me SQL script to create database, as I have already created these tables for my paper checking
solution:

DB Name: plantstoreDB

Table 1: tblusers {ID (Bigint Auto Increment), email (Varchar 100), password (varchar 100)}

Table 2: tblplant{plantid (Bigint Auto Increment), plantcategory (Varchar 100), PlantName (Varchar
100), Plantsize (varchar 50), Plantprice (Float), PlantDescription (200)}

Q1: We are going to create a small plant store admin panel of website with following features:

a. Login page (Marks 2)

i. Email
ii. Password
iii. Login Button {If login info is valid take user to Part “b”, else bring user back
to login page and ask to provide correct login info}
iv. Put All information of point 7 of instructions in a two column HTML table
after login button
b. In case of correct Login info (username and Password), create user session having
two session variables: (Marks 2)
i. Username {Having user Email in it}
ii. Second variable should be of your registration number
c. admin home page
i. Logout button or link at the top right corner of page, on clicking this, user
sessions must be destroyed and user should be redirected to login page
(Marks 2)
 ii. {h1 Heading} Welcome to Admin area (Marks 2)
iii. One Button after heading in the middle with caption “Add new Plant”
(Marks 2)
iv. On clicking the “Add new Plant” button, you should take user to new page
having HTML form and a backend PHP page to post data into database to
add new plant with following information: (5)
a. Plant Category
b. Plant Name
c. Plant Size {use varchar and add Inch along with value e.g
150 Inch}
d. Price
e. Description {Text Field is ok, just collect one line description}

v. HTML Table showing all added plants in the form of HTML table using
following columns (Marks 5)
1. ID {Auto Increment ID generated by Database}
2. Plant Category
3. Plant Name
4. Plant Size
5. Price
6. Description

Q No 2: Change “Add Plant From” created above into Ajax (Marks 5).