Practical File on

ISM Lab

Bachelor of Business Administration (BBA -212)

Guru Gobind Singh Indraprastha University, Delhi

Submitted To: Submitted by:

Mr. Ankita Gupta Parag Nimje
(Assistant Professor, IT Department)
Enrol No.
05821101720 
                                           Class: - BBA E1
Batch: - 2020-2023
 
 
Institute of Information Technology & Management, 
Approved By AICTE 
Affiliated to Guru Gobind Singh Indraprastha University, Dwarka, New Delhi 
New Delhi – 110058 

1
 INDEX 

S.No.  Practical  Date  Sign 

 1 Define Data, Information, Database, DBMS and 28/01/22  

RDBMS. Also describe Features of SQL. 
 2 Give steps to Open Microsoft Access. Write 28/01/22  
steps to create a database. What are the various
elements/objects of a database? What are the
various ways to create tables in database? 
 3 Give the steps to create table in design view and 28/01/22  
datasheet view. Also Give the steps to open an
existing database. 
 4 Explain Field Name, Data Types, Field Size with 28/01/22  
its Description. 
 5 Various data types in Database. Create a student 28/01/22  
database with a table STUDENT_DETAILS
containing the field name as 
 ID 
 FIRST NAME 
 LAST NAME 
 AGE 
 ADDRESS 
Insert 5 records using the design view in MS-
ACCESS. 
 Create another table using data sheet view as
STUDENT_COURSE with the field name as  
 ID 
 COURSE CODE 
 COURSE NAME. 
Insert at least 5 records using the design view in
MS ACCESS. 
 
 6 Create an employee database with the following 04/02/22  
fields as: 
 Emp_code 
 Emp_ssn 
 Emp_name 
 DOB 
 Emp_design 
 DOJ 

2
  E_sal 
 Years of experience. 
For the above created database set the following
field properties: 
a. Employee name should be in upper
case with field size equal to 10. 
b. Set the default value of Emp_dept as
Manager. 
c. Date of joining should be set to the
current date by default. 
d. E_sal should be in dollars. 
 
 7 Create a database named EMPLOYEE with the 04/02/22  
following fields as EMPLOYEE NAME,
EMPLOYEE CODE, EMPLOYEE
DESIGNATION, EMPLOYEE DEPARTMENT,
DATE OF JOINING and YEAR OF 
EXPERIENCE. Delete any two records as well
as fields from the table to show the output. 
 8 Create a local template of “FACULTY”, insert 5 04/02/22  
records and perform the following queries on
faculty template table: 
 
a. Insert five records using “new faculty” tab in
faculty template. 
b. Faculty name should be in ascending order. 
c. Department should be in descending order 
d. Generate report for: All faculty category and
faculty by department category. 
 
 
 9 Create a table as STUDENT_DETAILS with 11/02/22  
the following fields 
 S_id 
 S_name 
 S_course 
 S_marks 
 S_dob 
Make S_id as the primary key and apply the
following validations: 
1. S_name should start with A and end
with M. 
2. S_course can have only BBA OR
3
 MBA as its    values. 
3.  S_marks, it can be NULL or should
be > 50. 
S_dob should be less than the current date. Enter
at least 10 entries in the table. 
 10 Create an EMPOYEE database with the    
following fields as: 
 Emp_code 
 Emp_ssn 
 Emp_name 
 Emp-dob 
For the above created database set the input
mask for the field property for Emp_ssn and
Emp_dob 
using the input mask wizard. 
 11 Create a database named as STUDENT    
DATABASE. With a table
STUDENT_DETAILS with the fields as: 
 Stu_id 
 St_name 
 St_age 
 St_dob 
 St_roll 
 St_course 
 St_add 
 St_contact 
Add at least 10 records in the table. Answer
the following: 
a. What is primary key? Make a field
stu_roll as the primary key in the table.
Also write down the steps for the
same. 
b. What is a composite key? In the table
student details make stu_rollno and
stu_dob as a composite key. Also write
the steps for the same. 
 
 12  Write steps to put password on the    
database and convert it into the
required format. 
 
 13 Create an EMPOYEE database with    
the following fields as:   
4
 Emp_code 
Emp_ssn 
Emp_name 
Emp-dob 
For the above created database set the
input mask for the field property for
Emp_ssn and Emp_dob using the input
mask wizard. 
 14 Explain in brief about the query object 18/02/22  
in MS-ACCESS 2007. Write steps to
execute queries using the Query
Wizard. Create an ACCOUNT table
with the following fields: 
 Acc_no 
 Acc_type 
 DO_opening 
 Transaction_type 
 Balance 
 Account_H_name 
 Transaction_ID 
Enter 15 records in the table and
perform the following queries on it: 
Display the Acc_no in ascending
order. 
Display the details of where Acc_no is
1114 and name Deepanshu. 
Display the Acc_no, Acc_type,
Account_H_name and balance is less
than 10,000. 
 
 15 Create a table named as STUDENT 18/02/22  
with the following fields as: 
 S_no 
 Name 
 City 
 Age 
 Marks 
Execute the following queries after
entering 10 records in the table. 
 Display all the details of the
given table 
 Display the names in
alphabetical order 
5
  Display the name along with
the marks where marks are
greater than 60 
 Display the name of students
whose name starts with letter
‘A’. 
 Display the details of students
who live in ‘Delhi’. 
 Display the details of students
who are older than 10 years. 
 
       

       

6
7
 PRACTICAL NO.-1

Define Data, Information, Database, DBMS and RDBMS. Also describe

Features of SQL. 

Data: Computer data is information processed or stored by a computer. This

information may be in the form of text documents, images, audio clips, software
programs, or other types of data. Computer data may be processed by the
computer's CPU and is stored in files and folders on the computer's hard disk.
Information: Information is processed, organized and structured data. It
provides context for data and enables decision making process. For example, a
single customer’s sale at a restaurant is data – this becomes information when
the business is able to identify the most popular or least popular dish
Database: A database is an organized collection of structured information, or
data, typically stored electronically in a computer system. A database is usually
controlled by a database management system (DBMS). Together, the data and
the DBMS, along with the applications that are associated with them, are
referred to as a database system, often shortened to just database.
DBMS: Database Management System (DBMS) is a software for storing and
retrieving users’ data while considering appropriate security measures. It
consists of a group of programs which manipulate the database. The DBMS
accepts the request for data from an application and instructs the operating
system to provide the specific data. In large systems, a DBMS helps users and
other third-party software to store and retrieve data.
RDBMS: RDBMS is an acronym for Relational Database Management System
and is a type of database management system that stores data in a structured
format using rows and columns, making it easy to locate and access data in
relation to another piece of data in the database. While a relational database
describes the type of database, a RDBMS refers to the database software itself.
It executes the queries on the data including adding, updating, and searching for
values. It can also provide a visual representation of data.

SQL

SQL is a language to operate databases; it includes database creation, deletion,

fetching rows, modifying rows, etc. SQL is an ANSI (American National
Standards Institute) standard language, but there are many different versions of
the SQL language.

1
 SQL FEATURES

o SQL is easy to learn.

o SQL is used to access data from relational database management systems.
o SQL can execute queries against the database.
o SQL is used to describe the data.
o SQL is used to define the data in the database and manipulate it when
needed.
o SQL is used to create and drop the database and table.
o SQL is used to create a view, stored procedure, function in a database.
o SQL allows users to set permissions on tables, procedures, and views.

2
 PRACTICAL NO.-2

Give steps to Open Microsoft Access. Write steps to create a database.

What are the various elements/objects of a database? What are the
various ways to create tables in database? 
SOLUTION:

To open the MS Access-

1. Go to search option and type “Access”.
2. An option list will appear. Select the Microsoft Office Access
option.

3. Access will open, give the name to the database and select “create” option.
4. Now you can enter data.

3
Three ways to create Access 2007/2010 database:
 Way 1: Create Access database with templates
 Way 2: Create a blank Access database with “Blank database” or
“Blank Web database” command
 Way 3: Import existing data into Microsoft Access and save as
Access database

4
 PRACTICAL NO.-3

Give the steps to create table in design view and datasheet view. Also
Give the steps to open an existing database. 

Solution: -

To create the table in design

view-
1. Save the table, by right click on “Table1” and selecting save option

2. Right click again and select the “design view” option.

3. Fill in the Field Name and choose the appropriate Data Type.

4. After entering the Fields, right click and select “Datasheet view”
option.

5. The table has been created, now enter the data.

5
To open the existing database-
1. Go to Office button and select “Open” option.

2. A box will appear, select the file or type the name of the database
and click ‘Open’.
3. Your existing file will open.

PRACTICAL NO.-4
6
Explain Field Name, Data Types, Field Size with its Description. 

Field Name: Field name is the name of column. It should represent the contents of
the field such as “Name”, “Address” and “Final Grade” etc. the name of the field
cannot exceed 64 characters in length. It many include spaces. The use of spaces in
field name is not a good practice.

Data Type: Each filed must be assigned a particular data type. The data type
specifies the type of data that can be stored in the field. Common data types in MS
Access are Number, Text, Currency and Date etc.

PRACTICAL NO.-5

7
Various data types in Database. Create a student database with a table
STUDENT_DETAILS containing the field name as 
 ID 
 FIRST NAME 
 LAST NAME 
 AGE 
 ADDRESS 
Insert 5 records using the design view in MS- ACCESS. 

Solution:-

Steps
1. Save the table and go to design view.

2. Enter the field name with appropriate data type.

3. Save the table and go to datasheet view.

4. Now enter the required data.

 Create another table using data sheet view as STUDENT_COURSE

with the field name as  
 ID 

8
  COURSE CODE 
 COURSE NAME. 
Insert at least 5 records using the design view in MS ACCESS. 
 
Solution:-

Steps
1. Save the table as “STUDENT_COURSE”

2. Double click on the field name to enter the field.

3. Now enter the required data in table.

PRACTICAL NO.-6

9
Create an employee database with the following fields as: 
 Emp_code 
 Emp_ssn 
 Emp_name 
 DOB 
 Emp_design 
 DOJ 
 E_sal 
 Years of experience. 

For the above created database set the following field properties: 
a. Employee name should be in upper case with field size equal to
10. 
Steps
1. Select the Field you want to modify. Field Properties will appear.

2. Go to Field size and enter 10 to set number of characters.

3. Further go to Input Mask and write ‘>’ to change all characters
into uppercase and save the table.

10
b. Set the default value of Emp_dept as Manager. 
Steps
1. Select the Field you want to modify. Field Properties will appear.

2. Go to Default value in Field Properties.

3. Write ‘Manager’ and enter tab button and save the table.

c. Date of joining should be set to the current date by default. 

Steps
1. Select the Field you want to modify. Field Properties will appear.

2. Go to Default value in Field Properties.

3. Write the ‘=Date()’ function to set the default date as current date.
4. Save the table.

11
 d. E_sal should be in euros. 
Steps
1. Select the Field you want to modify. Field Properties will appear.

2. Go to Format option in Field Properties and list down the option.

3. Select the ‘Euro’ option and save the table.
4. Now your currency is saved default in Euros.

 
PRACTICAL NO.-7

Create a database named EMPLOYEE with the following fields as

EMPLOYEENAME, EMPLOYEE CODE, EMPLOYEE
DESIGNATION, EMPLOYEE DEPARTMENT, DATE OF JOINING
and YEAR OF EXPERIENCE. Delete any two records as well as fields
from the table to show the output. 

Solution:-

12
 Steps
1. Save the table as ‘EMPLOYEE’ and go to design view.
2. Enter the Field Names and save the table.

3. Go to datasheet view and fill in the required details.

Delete the 2 records

There are 2 ways to delete the records in the table

1. By Design View

Steps

1. Go to Design view option.

2. Select the Field you want to delete.

13
3. Go to ‘Design’ option in the Menu Bar and click on Delete Row option.

2. By Datasheet view
Steps
1. Select the column you want to delete in Datasheet view.

2. Right click the mouse button.

3. Select the option of ‘Delete column’.

14
 PRACTICAL NO.-8

Create a local template of “FACULTY”, insert 5 records and perform the

following queries on faculty template table: 
 
Steps
1. Open MS Office Access and go to Local Templates.

15
 2. Choose the Faculty Template and create the table.

a. Insert five records using “new faculty” tab in faculty template. 

Steps
1. Go to Design view and enter Field Names.
2. Go to datasheet view and click on ‘New Faculty’ in Menu Bar. A box
will appear.

16
 3. Fill in the details to make entries and save the table.

b. Faculty name should be in ascending order. 

Steps
1. Select the column you want to modify.
2. Right click on mouse button, a list will appear.
3. Select ‘Sort A to Z’ option for ascending order.

17
c. Department should be in descending order 

Steps
1. Select the column you want to modify.
2. Right click on mouse button, a list will appear.
3. Select ‘Sort Z to A’ option for descending order.

18
d. Generate report for: All faculty category and faculty by department
category. 

 Steps
1. Go to ‘Reports’ option in the Menu bar.
2. Select the list-down option.
3. Select the “All Faculty” option to make report on all faculty.

 Steps
1. Go to ‘Reports’ option in the Menu bar.
2. Select the list-down option.
3. Select the “Faculty by Department” option to make report on all faculty.

19
 PRACTICAL NO.-9

Create a table as STUDENT_DETAILS with the following fields 

 S_id 
 S_name 
 S_course 
 S_marks 
 S_dob 
S_dob should be less than the current date. Enter at least 10 entries in the
table. 

Make S_id as the primary key and apply the following validations: 

Steps
1. Select the field you want to add primary key.

2. Go to ‘Design’ option in Menu bar.

3. You will find Primary Key option, click on that.

20
4. Now your field got the primary key.

1. S_name should start with A and end with M. 

Steps
 Select the Field you want to modify. Field Properties will appear.

 Go to Validation Rule in Field Properties.

 Write ‘Like “A*M”’ inside validation rule and save the table.

 Only names start with A and ends with M will be accept.

2. S_course can have only BBA OR MBA as its values.

Steps

21
 Select the Field you want to modify. Field Properties will appear.

 Go to Validation rule in Field Properties.

 Write “BBA” Or “MBA” inside validation rule box and save.

 Only BBA and MBA courses will be accept in table.

3. S_marks, it can be NULL or should be > 50.

Steps
 Select the Field you want to modify. Field Properties will appear.

 Go to Validation rule in Field Properties.

 Write “<=50 Or Is Null” inside validation rule box and save.

22
  Only marks between 0 and 50 will be accepted by table.

PRACTICAL NO.- 10

Create an EMPOYEE database with the following fields as: 

 Emp_code 
 Emp_ssn 
 Emp_name 
 Emp-dob 

23
 For the above created database set the input mask for the field
property for Emp_ssn and Emp_dob 
using the input mask wizard. 

Solution:

Steps
1. Save the table as “EMPLOYEE”, then go to Design view and set Field
names.
2. Select the Field you want to modify. Field Properties will appear.

3. Go to ‘Input Mask’ and click on the three dots inside Input Mask. A box
will appear.

4. Select the ‘Short Date’ option and click Next, then finish the process.

24
5. Now save the table and enter the data in Datasheet view.
6. Inputs will display as in the same format as you chose in setting Input
Mask.
7. Repeat the same process with another Field.

PRACTICAL N0.- 11

25
Create a database named as STUDENT DATABASE. With a table
STUDENT_DETAILS with the fields as: 
 Stu_id 
 St_name 
 St_age 
 St_dob 
 St_roll 
 St_course 
 St_add 
 St_contact 
Add at least 10 records in the table.

A. What is primary key? Make a field stu_roll as the primary key in the
table. Also write down the steps for the same. 
A primary key is the column or columns that contain values that uniquely
identify each row in a table. A database table must have a primary key
for Optima to insert, update, restore, or delete data from a database
table. Optima uses primary keys that are defined to the database.

Steps
 Select the field you want to add primary key.

26
  Go to ‘Design’ option in Menu bar.
 You will find Primary Key option, click on that.

 Now your field got the primary key.

B. What is a composite key? In the table student details make stu_rollno

and stu_dob as a composite key. Also write the steps for the same. 
A composite key is made by the combination of two or more columns in a
table that can be used to uniquely identify each row in the table when the
columns are combined uniqueness of a row is guaranteed, but when it is
taken individually it does not guarantee uniqueness, or it can also be
understood as a primary key made by the combination of two or more
attributes to uniquely identify every row in a table.

Steps
 Select the fields you want to add the composite key.

 Go to ‘Design’ option in Menu bar.

27
  You will find Primary Key option, click on that.

 Now your field got the primary key.

PRACTICAL NO.-12

28
Write steps to put password on the database and convert it into the
required format. 

Steps
1. Go to office button and open the file.

2. Select the file, then click on list down and select ‘Open Exclusive’ option.

3. Go to Database Tools in the Menu Bar.

4. Click on ‘Encrypt with Password’ option. A dialogue box will appear.

5. Write down the password you want to set under password and verify and
click OK to set the password.

29
6. Now whenever you will open the file, you have to enter the password
first.

To remove the password

Steps
1. Go to Database Tools and click on ‘Decrypt Database’ option.

2. A dialogue box will appear, you have to write the password you have
already set and click OK.

3. Now, your password is removed.

PRACTICAL NO.-13

30
Create an EMPOYEE database with the following fields as:   
Emp_code 
Emp_ssn 
Emp_name 
Emp-dob 
For the above created database set the input mask for the field property for
Emp_ssn and Emp_dob using the input mask wizard. 

Solution

Steps
1. Select the Field you want to apply input mask. Field Properties will
appear.

2. Go to Input Mask in Field Properties and click on three dots. A dialogue

box will appear.

3. Select the format you want to set and click NEXT.

31
4. You can see the format in which your data will appear, click NEXT and
then FINISH.

5. Your Input Mask is set.

6. Repeat the process with EMP_DOB also.

PRACTICAL NO.- 14

32
Explain in brief about the query object in MS-ACCESS 2007.
Write steps to execute queries using the Query Wizard. Create
an ACCOUNT table with the following fields: 
 Acc_no 
 Acc_type 
 DO_opening 
 Transaction_type 
 Balance 
 Account_H_name 
 Transaction_ID 
Enter 15 records in the table and perform the following queries
on it: 

Display the Acc_no in ascending order.

Steps
1. Go to Create tab in Menu Bar and select ‘Query Wizard’.

33
2. A dialogue box will appear, select ‘simple query wizard’ and
click OK.

3. We only need ‘ACC_NO’ so we will drag it and click NEXT.

4. Further, select ‘Modify the query design’ and click FINISH.

34
5. A new Field Properties will appear.
6. Select the Field as ACC_NO, list down in Sort By option and
select ascending option and run the changes.

35
Display the details of where Acc_no is 92682794 and name
Nandita.

Steps
1. Go to Query Wizard option in Create tab.

2. Drag all Fields.

3. In Field Properties, go to ACC_NO and type the number of

account in criteria section.
4. Now, go to ACC_HNAME and type the name of the holder and
run it.

Display the Acc_no, Acc_type, Account_H_name and balance

are less than 10,000. 

36
Steps
1. Go to Query Wizard option in Create Tab.

2. Drag the ACC_NO, ACC_TYPE, ACC_HNAME and

BALANCE and click NEXT.

3. Type the ‘<10000’ in criteria section in Balance Field and run it.

37
PRACTICAL NO.- 15

38
Create a table named as STUDENT with the following fields as: 
 S_no 
 Name 
 City 
 Age 
 Marks 
Execute the following queries after entering 10 records in the
table. 

 Display all the details of the given table

Steps
1. Go to Query Wizard in the Create Tab.

39
 2. A dialogue box will appear, select ‘simple query
wizard’ and click OK.

3. Drag all Fields and click NEXT.

4. Click FINISH to display the final result.

 Display the names in alphabetical order.

40
Steps
1. Go to Query Wizard option in Create Tab.

2. A dialogue box will appear, select ‘Simple Query Wizard’

and click NEXT.

3. Drag Name and Marks Fields and click NEXT.

41
4. Click FINISH to modify the changes.

5. Go to Field Properties, list down the Sort section under

Name head, select Ascending order and run it.

 Display the name along with the marks where marks are
greater than 60
42
Steps
1. Go to Query Wizard option in Create Tab.

2. A dialogue box will appear, select ‘Simple Query Wizard’

and click NEXT.

3. Drag Name and Marks Fields and click NEXT.

43
4. Click FINISH to modify the changes.

5. Field Properties will appear, select the Marks column and

go to criteria.
6. Write ‘>60’ to show marks greater than 60 and run it.

44
 Display the name of students whose name starts with
letter ‘A’.

Steps
1. Go to Create Wizard option in Create Tab.

2. A dialogue box will appear, select ‘Simple Query Wizard’

and click NEXT.

3. Drag the Name Field and click NEXT.

45
4. Finish to modify the query design.

5. Go under Name head and write “Like ‘A*’” in Criteria

Section to display names starting with A.

 Display the details of students who live in ‘Delhi’.

Steps
1. Go to Create Wizard option in Create Tab.

2. A dialogue box will appear, select ‘Simple Query Wizard’

and click NEXT.

46
3. Drag all Fields, click NEXT and then Finish to modify the
table.

4. Go to Field Properties, write ‘Delhi’ in Criteria under City

head and run it.

 Display the details of students who are older than 10

years.

Steps
1. Go to Create Wizard option in Create Tab.

47
 2. A dialogue box will appear, select ‘Simple Query Wizard’
and click NEXT.

3. Drag all Fields, click NEXT and then Finish to modify the
table.

4. Go to Field Properties, write ‘>10’ in Criteria under Age

head and run it.

Output:

48
Source code:
<html>
<frameset cols="30%,70%,*">
<frame src="l.html">
<frame name="show">
</frameset>
</html>

Source code:
<html>
<body>
<ul>
<a href=" iQOO 7 Legend.html" target="show"><li>iQOO 7 Legend</li></a><br>
<a href="mi.html" target="show"><li>Mi 11X Pro</li></a><br>

49
 <a href="oneplus.html" target="show"><li>OnePlus 9 Pro</li></a>
</ul>
</body>
</html>

Source code:
<html>
<body bgcolor="#b37dc5">
<center><h1>iQOO 7 Legend</h1></center>
<p>One glance at the iQoo 7 Legend and it makes quite an impression. The unique colour
combination (inspired by BMW's race cars) not only looks good, but also feels premium
with a well-polished metal frame and a matte glass back. The 120Hz refresh rate
AMOLED display combined with the well-optimised Fun touch OS ensures a fluid
software experience. Gaming is handled well with excellent heat management. No
matter which camera you choose, the image quality is quite good. This includes the
wide-angle camera, which doubles up as the macro camera and shoots close-ups with
excellent detail. Surprisingly, it's the ultra-wide-angle camera that underperforms in
low-light shooting conditions. With a relatively small 4,000mAh battery, the iQoo 7
Legend never lasted beyond a day, but with a 66W charging adapter in the box, charging
speed was jaw-dropping, going from 0-100 per cent in just 31 minutes</p>
<img src="iQOO 7 Legend.jpg">
<table bgcolor="#ddddd" border="1">
<tr>
<th colspan="2"> iQOO 7 Legend Specifications</th>
</tr>
<tr>
<th>Display</th>
<td> iQOO 7 Legend</td>
</tr>
<tr>
<th>Processor</th>
<td>Qualcomm Snapdragon 888</td>
</tr>
<tr>
<th>RAM</th>

50
 <td>8GB</td>
</tr>
<tr>
<th>Storage</th>
<td>128GB</td>
</tr>
<tr>
<th>Battery Capacity</th>
<td>4000mAh</td>
</tr>
<tr>
<th>Rear Camera</th>
<td>48MP+13MP+13MP</td>
</tr>
<tr>
<th>Font Camera</th>
<td>16MP</td>
</tr>
</table>
</body>
</html>

Source code:
<html>
<body bgcolor="#b37dc5">
<center><h1>Mi 11X Pro</h1></center>
<p>The Xiaomi Mi 11X Pro looks downright gorgeous in the “Celestial Silver” finish, with
the cyan-pink vignette traversing the back panel, depending on the way it flirts with
light. The glass sandwich design looks and feels premium, but the frame itself is plastic
instead of metal. We suspect that might make it susceptible to scratches and paint finish
degradation. The phone ticks other premium design boxes with its hole-punch camera,
curved edges, slim profile, and minimal bezels.
<br>
The camera cluster protrudes nearly two millimetres from the back panel, which is enough
to make the phone see-saw on the table. Like most premium phones, the Mi 11X Pro

51
 does away with microSD expansion, while only supporting two nano-SIM cards. It’s,
therefore, smarter to cough up the extra two grand for the additional 128 GB of onboard
storage over the base 128 GB variant. But the stereo speakers and IP53 dust and water
protection could serve as consolations for these shortcomings.</p>
<img src="mi.jpg">
<table bgcolor="#ddddd" border="1">
<tr>
<th colspan="2">Mi 11X Pro Specifications</th>
</tr>
<tr>
<th>Display</th>
<td> 6.67-inch, 1080x2400 pixels</td>
</tr>
<tr>
<th>Processor</th>
<td>Qualcomm Snapdragon 888</td>
</tr>
<tr>
<th>RAM</th>
<td>8GB</td>
</tr>
<tr>
<th>Storage</th>
<td>128GB</td>
</tr>
<tr>
<th>Battery Capacity</th>
<td>4520mAh</td>
</tr>
<tr>
<th>Rear Camera</th>
<td>108MP+8MP+5MP</td>
</tr>
<tr>
<th>Font Camera</th>
<td>20MP</td>
</tr>
</table>
</body>
</html>

52
Source code:
<html>
<body bgcolor="#b37dc5">
<center><h1>OnePlus 9 Pro</h1></center>
<p>OnePlus hasn't gone too crazy with the design of the OnePlus 9 Pro. It uses a 6.7-inch
LTPO OLED display which the company claims cuts power consumption by up to 50
percent compared to the previous model. It's powered by the Qualcomm Snapdragon
888 SoC, and is available in two variants. I was happy with the accuracy of the in-
display fingerprint sensor, and I also like the fact that the edges of the display are
slightly less curved compared to the OnePlus 8 Pro, which helps in preventing
accidental touches.
<br>
What's new is faster wireless charging. OnePlus has introduced its Warp Charge 50 wireless
charger, which as the name suggests, can now wirelessly charge the 9 Pro at up to 50W.
The OnePlus 9 Pro does have brand new rear sensors, which are said to be custom-
developed with Sony. You can now shoot 8K 30fps stabilised videos or up to 4K
120fps. Oddly, there's no 1080p 120fps option. All these improvements make the
OnePlus 9 Pro yet another solid OnePlus flagship, worthy of its Pro badge.</p>
<img src="oneplus.jpg">
<table bgcolor="#ddddd" border="1">
<tr>
<th colspan="2">OnePlus 9 Pro Specifications</th>
</tr>
<tr>
<th>Display</th>
<td>6.70-inch, 1440x3216 pixels</td>
</tr>
<tr>
<th>Processor</th>
<td>Qualcomm Snapdragon 888</td>
</tr>
<tr>
<th>RAM</th>
<td>8GB</td>

53
 </tr>
<tr>
<th>Storage</th>
<td>128GB</td>
</tr>
<tr>
<th>Battery Capacity</th>
<td>4500mAh</td>
</tr>
<tr>
<th>Rear Camera</th>
<td>48MP+50MP+8MP</td>
</tr>
<tr>
<th>Font Camera</th>
<td>16MP</td>
</tr>
</table>
</body>
</html>

PRACTICAL NO.-17

Design website of IITM for given format using frame tag.

Solution:
Output:

54
Source code:
<html>
<frameset rows="35%,65%,*">
<frame src="website.html">
<frameset cols="25%,75%,*">
<frame src="list.html">
<frame name="showframe">
</frameset>
</html>

Source code:
<html>
<body bgcolor="#dddddd">
<img src="logo.png" width="250" align="left">

55
<center><font color="red"><h1>Institute of Information Technology &
Management</h1></font><br>
Accredited Grade "A" by National Assessment and Accreditation Council (NAAC)<br>
Approved by AICTE<br>
Rated as Category 'A+' by SFRC & 'A' by JAC Govt. of NCT of Delhi<br>
Recognised U/s 2(f) of UGC Act<br>

Affiliated to Guru Gobind Singh Indraprastha University, New Delhi</center>

<marquee>Faculty Recruitment</marquee>
<marquee>Commencement of submission of online application form for various
programs(2021-22)</marquee>
</body>
</html>

Source code:
<html>
<body bgcolor="pink">
<ul>
<a href="about us.html" target="showframe"><li>About Us</li></a><br>
<a href="contact.html" target="showframe"><li>Contact Us</li></a><br>
<a href="faculty.html" target="showframe"><li>Faculty</li></a><br>
<a href="programmes.html" target="showframe"><li>Programmes</li></a>

56
</ul>
</body>
</html>

Source code:
<html>
<body>
<h1>About Us</h1>
<hr>
<img src="campus.jpg" align="left" width="300">
Institute of Information Technology and Management (IITM) was set up in 1999 under the
aegis of Mata Leelawati Shikshan Sansthan (MLSS), a registered education society engaged
in philanthropic activities, with the Late Shri T.N. Chaturvedi, the well-known educationist,
parliamentarian, ex-Governor of Karnataka and CAG of India and Padma Vibhushan
Awardee, as founder President of both the society and the Institute.

<br>The campus is located in pollution free salubrious surroundings, in close proximity to

Delhi Metro Rail.
<br>
<br>The Institute takes pride in having developed the faculty support and infrastructure
imperative to effectively implement ‘Outcome Based Education’- a technology-based, learner
centric and result-oriented approach which enhances students' learning and performance
capabilities. We are passionate about grooming the nation’s youth to grow into good human
beings and excellent professionals destined to become torch bearers of their respective
domains.
<br>
<br>IITM conducts a plethora of short duration skill enhancement and syllabus enrichment
workshops related to areas of management specialisations and emerging technologies. We

57
have a strong alumni network of over 4800 professionals working at various management
levels in the leading corporate houses of the country.
</body>
</html>

Source code:
<html>
<body>
<br>
<br>
<br><center>Institute of Information Technology & Management
D-29, Institutional Area, Janakpuri, New Delhi-110058<br>
Contact:<br>
+91/011-28525882, 28520239, 28525051
Email:<br>
director@iitmipu.ac.in
</center>
</body>
</html>

58
Source code:
<html>
<body style="background: URL(OIP.jpg);background-size: 100% 100%;">
<h1>Faculty</h1>
<hr>
<ul>
<li>Dr. Deepika Arora<br>
Associate Professor<br>

59
B.Com, M.Com, M.Phil., NET., Ph.D.<br>
deepika.arora@iitmipu.ac.in</li><br>
<br>
<br>
<li>Dr. Sunitha Ravi<br>
Associate Professor<br>
MBA, M.Phil., PGDHRM, Ph.D.<br>
drsunitharavi@iitmipu.ac.in</li><br>
<br>
<br>
<li>Dr. Megha Sharma<br>
Associate Professor<br>
B.Sc., M.Sc. Ph.D.<br>
megha_sharma@iitmipu.ac.in</li><br>
<br>
<br>
<li>Ms. Nidhi Srivastava<br>
Assistant Professor<br>
BCA, MCA, MTech<br>
nidhisrivastava@iitmipu.ac.in</li><br>
<br>
<br>
<li>Ms. Rachita Arora<br>
Assistant Professor<br>
MA (Economics); UGC-NET<br>
rachitaarora@iitmipu.ac.in</li><br>
<br>
<br>
<li>Ms. Tamanna Goel<br>
Assistant Professor<br>

60
B.Com.(Hons.), M.Com., UGC - NET<br>
tamannagoel@iitmipu.ac.in</li><br>
<br>
<br>
<li>Ms. Ankita Gupta<br>
Assistant Professor<br>
B.Tech., GATE, MTech<br>
ankita@iitmipu.ac.in</li><br>
</ul>
</body>
</html>

Source code:
<html>
<body bgcolor="yellow">
<h1>Bachelor of Business Administration (BBA)</h1><br>
<h4>Overview</h4>
<p>The three-year BBA programme is affiliated to Guru Gobind Singh Indraprastha
University. It is designed to equip students with strong conceptual knowledge and thinking
skills to manage integrated business operations. The programme aims to ensure that students
acquire appropriate skill set to take on hurdles at the workplace across sectors such as
Banking, Fast Moving Consumer Goods (FMCGs), Manufacturing, Telecom and Logistics

61
The BBA programme is divided into six semesters, the first four of which are devoted to
foundation courses across core areas of Business Administration. The fifth and sixth
semesters expose students to industrial training and project-based learning respectively. The
project comprises research work on live data and submission of a comprehensive report based
on the inferences drawn.</p>
<h4>Programme Educational Objectives (PEOs)</h4>
The Bachelor of Business Administration (BBA) Program has following four Program
Educational objectives(PEOs):
<br>
PEO1: Develop leadership and communication skills in students to become successful
business leaders and managers.
<br>PEO2: Encourage critical thinking, analysis and initiative ability amongst students.
<br>PEO3: Develop problem solving skills through student’s experiential learning and
innovative pedagogy to ensure utilization of knowledge in professional careers.
<br>PEO4: To make aware students of dynamic business environment in line with global
imperatives and ethical values.
<h4>Program Outcomes (POs)</h4>
<br>PO1 : Domain Knowledge .
<br>PO2 : Critical Thinking & Problem Solving (Ability in data-based decision making for
achievement of organizational goals)
<br>PO3 : Effective Communication Skills
<br>PO4 : Leadership and Teamwork
<br>PO5 : Understanding of Global Business Environment
<h4>Duration</h4>
<p>3 Years</p>

<h4>Intake and Reservation of Seats</h4>

<p>This course is run in two-shifts, each having an intake of 120 students (total 240
students). The existing reservation policy specifies 10% seats (24 in number) as
"Management Quota Seats". Out of the remaining 90% seats (216 in number), 85% seats (184
in number) are reserved for Delhi candidates and 15% (32 seats) for outside Delhi candidates.
Further reservation for specific categories shall be as per the guidelines of Government of
NCT of Delhi.</p>

62
<h4>Eligibility Criteria</h4>
<p>Passed 12th Class of 10+2 of CBSE or equivalent with a minimum of 50% marks in
aggregate and must also have passed English (core or elective or functional) as a subject.</p>
<hr>
<h1>Bachelor of Commerce - B.Com(Hons.)</h1>
<h4>Overview</h4>
<p>The three-year B.Com(Hons.) programme is affiliated to Guru Gobind Singh
Indraprastha University. It is divided into six semesters. The programme aims to provide to
the students the knowledge, understanding and skills that build the foundation for all
disciplines of Commerce.

A supportive and intellectually stimulating learning environment that fosters capacity

building and evaluative thinking is provided to the students. The students are groomed to
pursue careers in the fields of Banking, Accountancy, Financial Planning and International
Markets</p>

<h4>Program Educational Objectives (PEOs)</h4>

<br>PEO1: To develop students into highly competent professionals who are able to
spearhead industries of their choice.
<br>PEO2: To make students apply appropriate quantitative and qualitative techniques in
solving business problems.
<br>PEO3: To empower students to develop viable alternatives and make effective decisions
relating to business ethics & social responsibility.
<br>PEO4: To provide technical knowledge, skills and competence to identify, comprehend
& to solve problems in industry.
<br>PEO5: To prepare students with professional competence & ethical administrative
acumen to work effectively & efficiently in various industrial and government organizations,
both at the national & international level.
<br>PEO6: To train the students to understand basic human & communication skills to make
them good team players and leaders.
<h4>Program Outcomes (POs)</h4>
<br>PO1: Core/Advance Subject Knowledge
Students will be able to apply the knowledge of concepts & theories of commerce in business
and evaluate their effectiveness & managerial implications.
<br>PO2: Decision Making & Problem Solving/Critical Thinking

63
Students will be able to understand how information technology and analytical tools are used
to aid decision-making in organizations. They will be able to identify, analyse & solve
complex business problems using appropriate technological and analytical tools.
<br>PO3: Value Based Education
Students will be able to understand and render professional & ethical responsibilities.
<br>PO4: Managerial Skills
Students will be able to develop themselves as a multi-skilled manager with good technical
knowledge having management; motivation; leadership; communication & entrepreneurial
skills.
<br>PO5: Global Perspective
Students will be able to understand socio-cultural aspects of global business environment.
<h4>Duration</h4>
<p>3 Years</p>

<h4>Intake and Reservation of Seats</h4>

<p>The programme is run in two shifts, each having an intake of 60 students (total 120
students). The existing reservation policy stipulates 10% seats (6 in number) as "Management
Quota Seats". Out of the remaining 90% seats (54 in number), 85% seats (46 in number) are
reserved for Delhi candidates and 15% seats (8 in number) for outside Delhi candidates.
Further reservation for specific categories is as per the guidelines of Government of NCT of
Delhi.</p>

<h4>Eligibility Criteria</h4>
<p>50% in aggregate in 10+2 examination/senior school certificate examination of CBSE as
minimum marks with pass in five subjects (One language and four elective subjects) or an
examination recognized as equivalent.</p>
<hr>
<h1>Bachelor of Computer Applications(BCA)</h1>
<br><h4>Overview</h4>
<p>The three-year BCA programme is affiliated to Guru Gobind Singh Indraprastha
University. It focuses on preparing students through innovative pedagogy for a competitive
professional environment, thoughtful inquiry, vigorous skill development and insightful
discourse among students. This approach is designed to help students to achieve excellence in
their careers in research, consultancy and analytics.

64
The BCA programme is divided into six semesters, each semester comprises five theory and
three practical subjects. The fifth and sixth semesters expose students to industrial training
and a project, essentially an experiential leaning exercise, respectively. Over and above the
laid down syllabus, each semester has an additional paper which focuses on personality
development and honing communication skills of the students.</p>

<h4>Programme Educational Objectives (PEOs)</h4>

<p>BCA Programme focuses on the following PEOs:</p>
<ul>
<li>The main objective is to develop the student’s computational knowledge, technical and
professional abilities in order to make them competent so that they can meet the challenges of
employment in IT industry.</li>
<li>The main thrust is on equipping students with skills and further trains them in the varied
emerging industrial requirements such as software engineering areas and web
technologies.</li>
<li>To train students on various software tools platforms to comprehend, analyse, design and
create innovative applications.</li>
<li>To help students imbibe professional and ethical attitudes by imparting effective
communication skills, teamwork skills, multidisciplinary approach and enhancing ability to
relate computer applications to broader social context. The professional outlook of every
student is groomed through soft skills training and career development programmes. Students
participate and attend seminar, workshop and conferences.</li>
</ul>
<h4>Programme Outcomes (POs)</h4>
<ol>
<li>Core Subject Learning
<ul>
<li>Apply knowledge of computing, mathematics, science, accounting principles and
software engineering fundamentals.</li>
<li>Demonstrate advance understanding of the concepts, including established theories and
recent developments relevant to the professional field.</li>
<li>An ability to use emerging tools, techniques and skills, necessary for computing practice
and in various real-world applications of varied domains.</li>
</ul></li>
<li>Enquiry-based learning
<ul>

65
<li>Students develop an understanding of critical learning and demonstrate analytical
skills.</li>
<li>Plan and execute professional projects, giving an opportunity of continuous learning and
application of cross functional learning.</li>
<li>Able to demonstrate innovative ways of thinking to new research and/or professional
contexts.</li>
</ul></li>
<li>Cognitive skills and critical thinking
<ul>
<li>Investigate, generate and synthesize complex ideas and concepts at an abstract and/or
applied level.</li>
<li>Critically evaluate emerging topics and the recent development in their field of
study.</li>
<li>Analyse problems or issues, articulate appropriate solutions and justify propositions
and/or professional decisions.</li>
</ul></li>
<li>Communication, Adaptive & Interactional Skills
<ul>
<li>Students develop an ability to communicate effectively to a variety of audiences, and also
be competent of independent and collaborative enquiry and working effectively with
others.</li>
<li>Demonstrate a high level of individual identity and accountability in the acquisition or
application of knowledge or skills.</li>
<li>Demonstrate an understanding of, and the ability to apply, the principles of teamwork
and collaboration.</li>
</ul></li>Holistic Outlook
<ul>
<li>Students gather awareness of societal issues within their field of study.</li>
<li>Understand professional, ethical, legal, security and social issues and discharge attendant
responsibilities.</li>
<h4>Duration</h4>
<p>3 Years</p>

<h4>Intake and Reservation of Seats</h4>

66
<p>The programme is run in two shifts. The intake for BCA is 90 students in morning shift
and 60 in evening shift. The existing reservation policy stipulates 10% seats as "Management
Quota Seats". Out of the remaining 90% seats, 85% seats are reserved for Delhi candidates
and 15% seats for outside Delhi candidates. Further reservations for specific categories are as
per the guidelines of Government of NCT of Delhi.</p>

<h4>Eligibility Criteria</h4>
<p>Passed 12th Class of 10+2 of CBSE or equivalent with a minimum of 50% marks in
aggregate with pass in English (core or elective or functional) and Mathematics or Computer
Science/Informatics Practice/Computer Applications.
<br>
or
<br>
Three-year Diploma in a branch of Engineering from a polytechnic duly approved by All
India Council for Technical Education and affiliated to a recognized examining body with a
minimum of 50% marks in aggregate.</p>
</body>
</html>

67
 PRACTICAL NO-18
Design a website that demonstrates the Image map
Solution:
Output:

Source code:
<html>
<head>
<title></title>
</head>
<h2>Demonstration of Image Mapping</h2>
<body>
<center><img src="22ee5d704af1c2611b97a67b33991468.jpg" alt="India-Map"
usemap="#created_map"></center>
<map name="#created_map">
<area shape="circle" coords="365,325,8" alt="Delhi"
href="https://en.wikipedia.org/wiki/Delhi" target="_blank">
<area shape="circle" coords="301,585,16" alt="Maharashtra"
href="https://en.wikipedia.org/wiki/Maharashtra" target="_blank">

68
<area shape="circle" coords="505,519,16" alt="Chhattisgarh"
href="https://en.wikipedia.org/wiki/Chhattisgarh" target="_blank">
</map>
</body>
</html>

69
 PRACTICAL NO.-19

Create a web page that demonstrates external CSS(including tags, images, heading
etc.)
Solution:

Output:

Source code:
<html>
<head>
<title>External CSS</title>
<link rel="stylesheet" type="text/css" href="external.css">
</head>
<body>
<div class="h1"><center><h1>Manga</h1></center></div>
<div class="p">
<p>Manga (Japanese: 漫画 [maŋga]) are comics or graphic novels originating from Japan.
Most manga conform to a style developed in Japan in the late 19th century, and the form
has a long prehistory in earlier Japanese art. The term manga is used in Japan to refer to
both comics and cartooning. Outside of Japan, the word is typically used to refer to
comics originally published in the country.
<br>
In Japan, people of all ages read manga. The medium includes works in a broad range of
genres: action, adventure, business and commerce, comedy, detective, drama, historical,
horror, mystery, romance, science fiction and fantasy, erotica (hentai), sports and games,
and suspense, among others. Many manga are translated into other languages. Since the
1950s, manga has become an increasingly major part of the Japanese publishing
industry. By 1995, the manga market in Japan was valued at ¥586.4 billion ($6–7
billion), with annual sales of 1.9 billion manga books and manga magazines in Japan
(equivalent to 15 issues per person). Manga have also gained a significant worldwide
audience. In 2008, in the U.S. and Canada, the manga market was valued at $175
million. According to Jean-Marie Bouissou, Manga represented 38% of the French
comics market in 2005. This is equivalent to approximately ten times that of the United
States and was valued at about €460 million ($640 million). In Europe and the Middle
East, the market was valued at $250 million in 2012.</p></div>
</body>
</html>
70
IN ANOTHER FILE
Source code:
body{background-color: pink;}
.h1{color: blue}
.p{color: purple}

PRACTICAL NO.-20

71
Create a hyperlink with different colors.

Solution:

Output:

Source code:
<html>

72
<head>
<style>
h2
{
color: green;
margin-left:20px;
}
/*not visited link*/
a:link{
color: red;
}
/*visited link*/
a:visited
{
color: blue;
}
/*mouse over link*/
a:hover
{
color: pink;
}
/*selected link*/
a:active
{
color: yellow;
}
</style>
</head>
<body>
<h2>Hyperlink</h2>
<a href="http://iitmjanakpuri.com/">IITM-janakpuri</a>
</body>
</html>

73