University of Wah

Department of Computer Science,

Faculty of Computing

Lab Manuals
for
Applications of Information &
Communication Technologies
Fall 2023
 University of Wah
Department of Computer Science,
Faculty of Computing

Contribution

The manual was last updated on September 12th, 2023, by:

Ms. XYZ (Reviewed + Revised)

and

Ms. Alina Maryum (Revised)

2
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Outline

Week Labs
1 Lab 1 - Introduction to MS Word, Basic formatting styling using MS word

2 Lab 2 - Introduction to using basic commands in MS Word

3 Lab 3 - Introduction to the PowerPoint, Choosing design and themes for slides
4 Lab 4 - Making Interactive presentations, Adding transitions, Animations
5 Lab 5 - Introduction to MS Excel, Exploring layout, tabs, formulas
6 Lab 6 - Exploring MS Excel, Advanced features, and filtration of data
7 Lab Sessional-I and Viva Voce
8 Lab 7 - Internet Browsers, Search Engines, Upload, Download, Email
9 Lab 8 - Introduction to MS Access
10 Lab 9 - Creating forms and reports on MS Access
11 Lab 10 - SQL in MS Access

12 Lab 11 - Introduction to HTML

13 Lab 12 - Web Designing in HTML
14 Lab 13 - Networking with CISCO
15 Lab 14 – Interacting with LAN Routers
16 Lab sessional-II and Viva Voce

3
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Content

(LAB-01) 5

(LAB-02) 22

(LAB-03) 34

(LAB-04) 46

(LAB-05) 60

(LAB-06) 74

(LAB-07) 85

(LAB-08) 97

(LAB-09) 110

(LAB-10) 122

(LAB-11) 136

(LAB-12) 146

(LAB-13) 155

(LAB-14) 166

(LAB-15) 178

4
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-01
Introduction to MS Word

5
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 1: Introduction to MS Word

1. Introduction

MS Word tutorial provides basic and advanced concepts of Word. Our Word tutorial is designed for
beginners and professionals.

Microsoft Word is a computer application program written by Microsoft. It is mainly used to design text for
presentation.

Our MS Word tutorial includes all topics of MS Word such as save the document, correct error, word count,
font size, font style, apply a style, customize a style, page size, page margin, insert header and footer and
more.

Microsoft Word is word processing software. It is developed by Microsoft and is part of Microsoft Office
Suite. It enables you to create, edit and save professional documents like letters and reports.

2. Activity Time-boxing
Table 1-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Application 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 15+15+20 (mins) 50 mins
8 Evaluation Task 60 mins for all tasks 60 mins
Total Time 170 mins

3. Objective(s) of the Experiment

1. Indicate the names and functions of the Word interface components.
2. Create, edit, save, and print documents to include documents with lists and tables.
3. Format text and to use styles.
4. Add a header and footer to a document.
5. Add a footnote to a document.
6. Add a graphic to a document.

6
 University of Wah
Department of Computer Science,
Faculty of Computing
4. Concept Map

1. Objectives
After performing this lab, students shall be able to:
 Introduction to MS Word
 Basic formatting styling using MS word.

2. Task List

1. Task-1: Introduction to MS Word

7
 University of Wah
Department of Computer Science,
Faculty of Computing

Task-2: Basic formatting styling using MS word.

8
 University of Wah
Department of Computer Science,
Faculty of Computing
2. Formatting Font

1. Select Format.
2. From the format dropdown menu, select Font.
3. In the Font Setup window, the Font tab will allow you to adjust the font, style, and size to
the correct format.
4. When you are finished, click OK to return to your paper.

9
 University of Wah
Department of Computer Science,
Faculty of Computing
Formatting Spacing

1. Select Format.
2. From the format dropdown menu, select Paragraph.
3. In the Paragraph Setup window, the Indents and Spacing tab will allow you to adjust the line
spacing of your document.
4. When you are finished, click OK to return to your paper.

1
0
 University of Wah
Department of Computer Science,
Faculty of Computing

5. Homework before Lab

5.1 Problem solution modeling
You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Install an MS office application on your computer or device according to the learning material and the IT
Center instructions.

5.2.2. Task 2
Create initial configurations in the application and make the required settings in the account.

6. Procedure and Tools

6.1. Tool(s)
MS Office

6.2. Setting up Tool [Expected time = 5 mins]

Set up MS office by right clicking on the icon and select open.

6.3. Walkthrough Task [Expected time = 25 mins]

Type a test message to yourself to check whether everything works and apply different formatting.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

What kind of documents you can create using MS word applications?

7.2 Practice Task 2 [Expected time = 10 mins]

When create a file in MS Word, which program file types used in Windows computers contain specific risks
related to use? Why?

1
1
 University of Wah
Department of Computer Science,
Faculty of Computing
Table 7.2-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2
T3

8. Evaluation Task (Unseen) [Expected time = 60 mins]

What are styles and what do I use

them for? Write 5 pages word
documents of 3 chapters. First
two pages of chapter-1, second 2
pages of chapter-2 and last one page
of Chapter-3 with
following styles
What are styles and what do I use
them for? Write 5 pages word
documents of 3 chapters. First

1
2
 University of Wah
Department of Computer Science,
Faculty of Computing
two pages of chapter-1, second 2
pages of chapter-2 and last one page
of Chapter-3 with
following styles
What are styles and what do I use
them for? Write 5 pages word
documents of 3 chapters. First
two pages of chapter-1, second 2
pages of chapter-2 and last one page
of Chapter-3 with
following styles
What are Styles and what do I use them for? Write 5 pages word documents of 3 chapters.

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 7.3- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
1
3
 University of Wah
Department of Computer Science,
Faculty of Computing
5 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

Lab Manual for Applications of

Information & Communication
Technologies

LAB-02
Basic commands in MS Word

1
4
 University of Wah
Department of Computer Science,
Faculty of Computing

1. Introduction

MS Word tutorial provides basic and advanced concepts of Word. Our Word tutorial is designed for
beginners and professionals.

Microsoft Word is a computer application program written by Microsoft. It is mainly used to design text for
presentation.

Our MS Word tutorial includes all topics of MS Word such as save the document, correct error, word count,
font size, font style, apply a style, customize a style, page size, page margin, insert header and footer and
more.

Microsoft Word is word processing software. It is developed by Microsoft and is part of Microsoft Office
Suite. It enables you to create, edit and save professional documents like letters and reports.

2. Activity Time-boxing
Table 4-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

1
5
 University of Wah
Department of Computer Science,
Faculty of Computing
5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Application 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 15+15+20 (mins) 50 mins
8 Evaluation Task 60 mins for all tasks 60 mins
Total Time 170 mins

3. Objective(s) of the Experiment

1. Indicate the names and functions of the Word interface components.
2. Create, edit, save, and print documents to include documents with lists and tables.
3. Format text and to use styles.
4. Add a header and footer to a document.
5. Add a footnote to a document.
6. Add a graphic to a document.

3. Objectives
After performing this lab, students shall be able to:
 Introduction to using basic commands in MS office Word
 Mathematical Equation and Table
 Adding References
 Table and Figure Captions
 Table of Contents

4. Concept Map

1. Task-1 Mathematical Equation and table

Create a new document and it must contain the following:

1. Header with the following information:

UNIVERSITY OF WAH Department of Computer Science

(On the left) (On the right)
1
6
 University of Wah
Department of Computer Science,
Faculty of Computing
Format the header to be Arial font type, black color, size is 12 and bold face.
2. Footer with your name and section on the right and insert the date (in insert tab Date &
Time) on the left. Use the same font attributes used in the header.
3. Insert page number in the bottom of each page to the center.
4. Page one should contain the following:
a. Title centered across the page with Times New Roman font type, black color, size is
14, underlined and bold face. As shown below:
Mathematical Report

b. Title centered across the page with Times New Roman font type, black color, size is
14, underlined and bold face. As shown below:
Table with the following information and
format: Data Table
( x1 , y1) ( x2 , y2)
Distance
x1 y1 x2 y2

1 2 5 10 8.94
2 4 3 6 2.24
3 6 4 8 2.24
4 8 1 2 6.71
5 10 2 4 6.71
Table 1
5. Page two should list some mathematical formulas, use bullets to separate the formulas and
format the paragraph to 1.5 lines spacing, write distance and midpoint formulas along with
definitions
6. Insert a cover page for your report showing the report title and your name. Make sure that no
page number appears at the cover page.
7. Use spelling and grammar checking tool to make sure you do not have any spelling mistake.

2. Task-2: Adding Reference

1. On the References tab, in the Citations & Bibliography group, click the arrow next
to Style and click the style that you want to use for the citation and source. For example, social

1
7
 University of Wah
Department of Computer Science,
Faculty of Computing
sciences documents usually use the MLA or APA styles for citations and source

2. Click at the end of the sentence or phrase that you want to cite.

3. On the Reference tab, click Insert Citation and then do one of the following:

 To add the source information, click Add New Source, and then, in the Create
Source dialog box, click the arrow next to Type of Source, and select the type of source
you want to use (for example, a book section or a website).

 To add a placeholder, so that you can create a citation and fill in the source information
later, click Add New Placeholder. A question mark appears next to placeholder sources in
Source Manager.

4. If you chose to add a source, enter the details for the source. To add more information about a
source, click the Show All Bibliography Fields check box.

5. Click OK when finished. The source is added as a citation at the place you selected in your
document.

When you've completed these steps, the citation is added to the list of available citations. The next
time you quote this reference, you don't have to type it all out again. You just add the citation to
your document. After you've added a source, you may find you need to make changes to it at a later
time. To do this, see Edit a source.

3. Task-3: Table and Figure Captions

Follow these steps to insert captions:

1. Click on the figure or table where you want the caption to appear.
2. On the References tab, click the Insert Caption button.
3. In the Caption window, in the Label menu, select the label Figure or Table.
4. In the Position menu, select where you want the caption to appear.
5. Click the Numbering button.
6. In the Captioning Numbering window, in the Format menu, select 1,2,3…
1
8
 University of Wah
Department of Computer Science,
Faculty of Computing
7. If you want to include the chapter number in the table/figure caption number, checkmark
the Include chapter number box. If you select this option, two more options will appear:
a. In the Heading starts with style: menu, select Heading 1.
b. In the Use separator menu, select the punctuation you want to appear between the
chapter number and the figure/table number.
c. Click OK.
8. Back in the Caption window, click OK. The caption label will appear above/below the table
or figure. To add the text of your caption, click after the table/figure number and enter your
text.

4. Task-4: Table of Content

Put your cursor where you want to add the table of contents.
1. Go to References > Table of Contents. And choose an automatic style.

2. Create a table of contents

3. If you make changes to your document that affect the table of contents, update the table of
contents by right-clicking the table of contents and choosing Update Field.

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

1
9
 University of Wah
Department of Computer Science,
Faculty of Computing
5.2.1. Task 1
Install an e-mail application on your computer or device according to the learning material and the IT Center
instructions.

5.2.2. Task 2
Create an e-mail account in the application and make the required settings in the account.

6. Procedure and Tools

6.1. Tool(s)
Google Chrome

6.2. Setting up Tool [Expected time = 5 mins]

Set up google chrome by right clicking on the icon and select open.

6.3. Walkthrough Task [Expected time = 25 mins]

Log into your university e-mail. Type a test message to yourself to check whether everything works!

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Which file types can you send using e-mail applications?

7.2 Practice Task 2 [Expected time = 10 mins]

When you receive attachments, which program file types used in Windows computers contain specific risks
related to use? Why?

7.3 Practice Task 3 [Expected time = 10 mins]

Try sending an attachment to yourself or a friend, for example (choose the file to send yourself).

Table 7.5-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2
T3

8. Evaluation Task (Unseen) [Expected time = 60 mins]

2
0
 University of Wah
Department of Computer Science,
Faculty of Computing
Use google chrome as your internet browser and google as your search engine, search for the article
titled, “No Silver Bullets-Essence and Accidents in Software Engineering by FP Brooks”.
Download the PDF document.
Send an email to your friend properly mentioning the recipient, Subject and email body. Don’t forget
Attach the document that you downloaded.
Add your second friend in BCC.

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 7.6- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

2
1
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-03
Introduction to the PowerPoint

2
2
 University of Wah
Department of Computer Science,
Faculty of Computing

1. Introduction

MS Word tutorial provides basic and advanced concepts of Word. Our Word tutorial is designed for
beginners and professionals.

Microsoft PowerPoint is essentially a graphics presentation software application that comes in the same
package of software as MS Access, MS Excel, MS Word, and MS Paint, issued by Microsoft Office. It is
a software that helps the user in formulating and arranging their data and information in the form of slides,
which enhances the clarity and communication of the subject, along with adding a visual aspect to the data
which makes it more appealing and presentable.
Thus, it can be used for presenting business ideas and plans, and visually presenting the data also makes
learning with the data a lot easier, thus can be used by teachers in schools for making learning fun and
uncomplicated.
5. Meaning of PowerPoint
PowerPoint is a software that is designed to make graphical presentations in the form of individual pages
also known as slides.
6. Features of PowerPoint
Some of the features available in Microsoft PowerPoint are stated below.

 Customising Colour Schemes

 Adding Animations
 Creating and Adding tables
 Adding images
 Adding and Managing Hyperlinks
 Creating Custom Shows
 Creating and Importing Charts
 Easy exporting to MS Word

2. Activity Time-boxing

2
3
 University of Wah
Department of Computer Science,
Faculty of Computing
Table 7-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Application 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 15+15+20 (mins) 50 mins
8 Evaluation Task 60 mins for all tasks 60 mins
Total Time 170 mins

3. Objective(s) of the Experiment

1. Identify the names and functions of the PowerPoint interface.
2. Create, edit, save, and print presentations.
3. Format presentations.
4. Add a graphic to a presentation.
5. Create and manipulate simple slide shows with outlines and notes.
6. Create slide presentations that include text, graphics, animation, and transitions.
7. Use design layouts and templates for presentations.
8. Create a PowerPoint presentation.

5. Concept Map

Objectives
After performing this lab, students shall be able to:
 Effective CV writing techniques using MS word.
 Introduction to the PowerPoint.
 Choosing design and themes for slides.

Task List

1. Task-1 Effective CV Techniques using MS word.

1. Open a new document.

2. Click on the “more templates” option.

2
4
 University of Wah
Department of Computer Science,
Faculty of Computing
3. Choose “Resumes and Cover Letters.”

4. Choose the resume template that suits you best and click on it.
5. Click “Create.”
6. Your chosen resume template appears as a Word document and you’re ready to edit it with your
personal information and experience!
1. Make a Resume Header in Word

Going top-down, we start first with the resume header (and the Captain Obvious award goes to…).

The resume header should include the following:

 your name
 current job title
 phone number
 email
 links to any online profiles or professional online sites that you have.

It should end up looking like this:

2
5
 University of Wah
Department of Computer Science,
Faculty of Computing

1. How to Format a Resume Header in Word

As your name is both important and the first thing the hiring manager sees, make sure it’s bigger
than the rest of your text (14-16 pt).

Depending on the font you use, decide whether bold will make it look better and draw more
attention.

Feel free to bold the titles of the information that you’re listing (like in the above example) to make
it a little clearer to read.

2. Add a Resume Objective/Summary

Double space from the last line in your resume header.

Write “Objective” or “Summary” depending on which one you’re using. As it’s a section title, make
it a little larger than the rest of the text (14-16 pt). Also, depending on the font you’re using, make it
bold.

Beneath the section title, write a couple of sentences concerning your resume summary or
objective.
Your resume objective/summary section should look like this:

2
6
 University of Wah
Department of Computer Science,
Faculty of Computing

2. Task-2: Introduction to PowerPoint.

PowerPoint (PPT) is a powerful, easy-to-use presentation graphics software program that allows
you to create professional-looking electronic slide shows.
The image given below shows the main page of MS PowerPoint, where a person lands when the
program is opened on a computer system:

Follow the steps below to open MS PowerPoint on a personal computer:

1. Click on the start button

2. Then choose “All Programs”
3. Next step is to select “MS Office”
4. Under MS Office, click on the “MS PowerPoint”

2
7
 University of Wah
Department of Computer Science,
Faculty of Computing
A blank presentation is open on the screen. According to the requirement, a person can modify the
template for a presentation and start using the program.
The following elements can be added to a PowerPoint slide:

1. Clip Art
2. Graphs
3. Tables
4. Photographs
5. Charts
6. Media Clips
7. Videos

3. Task-3 Choosing design and themes for slides

 Slide Design
MS PowerPoint has various themes using which background color and designs or textures can be
added to a slide. This makes the presentation more colorful and attracts the attention of the people
looking at it.
This feature can be added using the “Design” category mentioned on the homepage of MS
PowerPoint. Although there are existing design templates available, in case someone wants to add
some new texture or color, the option to customize the design is also available. Apart from this,
slide designs can also be downloaded online.
Refer to the below for slide design:

2
8
 University of Wah
Department of Computer Science,
Faculty of Computing
 Slide Layout
Multiple options and layouts are available based on which a presentation can be created. This option
is available under the “Home” section and one can select from the multiple layout options provided.
The image below shows the different slide layout options which are available for use:

2
9
 University of Wah
Department of Computer Science,
Faculty of Computing

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Install an MS Power point application on your computer or device according to the learning material and the
IT Center instructions.

5.2.2. Task 2
Create necessary Configurations in the application and make the required settings.

6. Procedure and Tools

6.1. Tool(s)
MS Power Point

6.2. Setting up Tool [Expected time = 5 mins]

Set up MS Power Point by right clicking on the icon and select open.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Which file types can you Create using this applications?

7.2 Practice Task 2 [Expected time = 10 mins]

What is the best way to design the layout for your slides?

7.3 Practice Task 3 [Expected time = 10 mins]

3
0
 University of Wah
Department of Computer Science,
Faculty of Computing
Try sending To make one section of slides in your presentation use a different design
template from the other slides, what do you do?
8. Evaluation Task (Unseen) [Expected time = 60 mins]
With slide 2 displayed, in the Status Bar, click Notes. Notice that the Notes Pane displays below the
Slide Pane. In the Notes pane type: We sponsor numerous campus events and opportunities for you to
participate in our dynamic learning environment. Through Student Life, students engage in
educational relationships that inspire positive social change, contributing to a richer and more
fulfilling college experience. Not only that, students build leadership and professional skills that carry
on through life.

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 7.8- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

3
1
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-04
Making Interactive presentations

3
2
 University of Wah
Department of Computer Science,
Faculty of Computing

1. Introduction

MS Word tutorial provides basic and advanced concepts of Word. Our Word tutorial is designed for
beginners and professionals.

Microsoft PowerPoint is essentially a graphics presentation software application that comes in the same
package of software as MS Access, MS Excel, MS Word, and MS Paint, issued by Microsoft Office. It is
a software that helps the user in formulating and arranging their data and information in the form of slides,
which enhances the clarity and communication of the subject, along with adding a visual aspect to the data
which makes it more appealing and presentable.
Thus, it can be used for presenting business ideas and plans, and visually presenting the data also makes
learning with the data a lot easier, thus can be used by teachers in schools for making learning fun and
uncomplicated.
4. Meaning of PowerPoint
PowerPoint is a software that is designed to make graphical presentations in the form of individual pages
also known as slides.
5. Features of PowerPoint
Some of the features available in Microsoft PowerPoint are stated below.

 Customising Colour Schemes

 Adding Animations
 Creating and Adding tables
 Adding images
 Adding and Managing Hyperlinks
 Creating Custom Shows
 Creating and Importing Charts
 Easy exporting to MS Word

2. Activity Time-boxing
Table 9-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Application 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 15+15+20 (mins) 50 mins
8 Evaluation Task 60 mins for all tasks 60 mins
Total Time 170 mins

3. Objective(s) of the Experiment

9. Identify the names and functions of the PowerPoint interface.
10. Create, edit, save, and print presentations.

3
3
 University of Wah
Department of Computer Science,
Faculty of Computing
11. Format presentations.
12. Add a graphic to a presentation.
13. Create and manipulate simple slide shows with outlines and notes.
14. Create slide presentations that include text, graphics, animation, and transitions.
15. Use design layouts and templates for presentations.
16. Create a PowerPoint presentation.

6. Concept Map

7. Objectives
After performing this lab, students shall be able to:
 Making Interactive presentations
 Adding transitions.
 Animations
 Audios and videos to the slides
 Different views and layouts.

8. Task List

1. Task-1: Adding Transitions.

1. Select the slide you want to add a transition to.

2. Select the Transitions tab and choose a transition.

Select a transition to see a preview.

3. Select Effect Options to choose the direction and nature of the transition.

4. Select Preview to see what the transition looks like.

To remove a transition, select Transitions > None.

2. Task-2: Animations.

 Animations

3
4
 University of Wah
Department of Computer Science,
Faculty of Computing
During the slide show, the slides appear on the screen one after the other. In case, one wants to add
some animations to the way in which a slide presents itself, they can refer to the “Animations”
category.
The different animation styles available on PowerPoint are:

Apart from all these options; font size, font style, font colour, word art, date and time, etc. can also
be added to a PPT.

3. Task-3: Audio and Videos to Slides.

 Insert – Clipart, Video, Audio, etc.

Under the “Insert” category, multiple options are available where one can choose what feature they
want to insert in their presentation. This may include images, audio, video, header, footer, symbols,
shapes, etc.
The image below shows the features which can be inserted:

4. Task-4: Different views and layouts.

5. Title Slide layout

3
5
 University of Wah
Department of Computer Science,
Faculty of Computing

The title slide layout is very important. It is a preview of the upcoming content for the
rest of your presentation. Quality cover shows your audience how carefully your project
has been handled. The most obvious benefit of using a title slide is informing listeners of
what they will see and learn. Consider a title slide as a cover of a book or report. The
cover mask gives the tone, the graphic chart and the artistic direction of the slideshow.
In a title slide layout the editable parts are usually the background image, the title,
subtitle and some optional elements such as the date, or the name of the presenter.

3
6
 University of Wah
Department of Computer Science,
Faculty of Computing
6. Table of content Slide Layout

A table of contents will give your audience an overview of your PowerPoint

presentation. It must be clear and precise in order to facilitate the general understanding
of the subject.
The editable elements of a Summary slide layout are the titles of the different parts of
your presentation as well as the number of the corresponding pages. Even though the
table of contents is at the beginning of the slideshow, it will be the last one written.
Tip: Do not add a page number until you have finalized your presentation.

3
7
 University of Wah
Department of Computer Science,
Faculty of Computing

7. Simple Text Content Slide layout

Simple Content slide layout includes the title of the slide, a subtitle, and a central text
box. All these elements are editable.
8. Two Text Content Slide layout:

The two content slide layout is a variant of the previous mask. The main advantage of
dividing the text into two blocks is to make reading more smooth and enjoyable,
especially if the text is long.
The editable elements are the title, a possible subtitle and the two text blocks.
Content Slide layout [Text + Picture]

3
8
 University of Wah
Department of Computer Science,
Faculty of Computing

The Content [Text + Picture] slide layout offers a design that allows you to insert text
and an image in 2 spaces reserved for this purpose. This type of mask can be declined in
several variants with a horizontal or vertical permutation of the boxes.
The editable elements are the title, the possible subtitle, the body of the text and of
course the image.
3
9
 University of Wah
Department of Computer Science,
Faculty of Computing
5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Install an MS Power point application on your computer or device according to the learning material and the
IT Center instructions.

5.2.2. Task 2
Create necessary Configurations in the application and make the required settings.

6. Procedure and Tools

6.1. Tool(s)
MS Power Point

6.2. Setting up Tool [Expected time = 5 mins]

Set up MS Power Point by right clicking on the icon and select open.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Which file types can you Create using this applications?

7.2 Practice Task 2 [Expected time = 10 mins]

What is the best way to design the layout for your slides?

7.3 Practice Task 3 [Expected time = 10 mins]

Try sending To make one section of slides in your presentation use a different design
template from the other slides, what do you do?
8. Evaluation Task (Unseen) [Expected time = 60 mins]

4
0
 University of Wah
Department of Computer Science,
Faculty of Computing
With slide 2 displayed, in the Status Bar, click Notes. Notice that the Notes Pane displays below the
Slide Pane. In the Notes pane type: We sponsor numerous campus events and opportunities for you to
participate in our dynamic learning environment. Through Student Life, students engage in
educational relationships that inspire positive social change, contributing to a richer and more
fulfilling college experience. Not only that, students build leadership and professional skills that carry
on through life.

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 7.10- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

4
1
 University of Wah
Department of Computer Science,
Faculty of Computing
Lab Manual for Applications of
Information & Communication
Technologies

LAB-05
Introduction to MS Excel, Exploring layout, tabs, formulas

Lab 5 Exploring MS Excel, Advanced features, and filtration of data

1. Introduction

4
2
 University of Wah
Department of Computer Science,
Faculty of Computing
MS Word tutorial provides basic and advanced concepts of Word. Our Word tutorial is designed for
beginners and professionals.

Excel is pronounced "Eks - sel"

It is a spreadsheet program developed by Microsoft. Excel organizes data in columns and rows and allows
you to do mathematical functions. It runs on Windows, macOS, Android and iOS.

The first version was released in 1985 and has gone through several changes over the years. However, the
main functionality mostly remains the same.

Excel is typically used for:

 Analysis
 Data entry
 Data management
 Accounting
 Budgeting
 Data analysis
 Visuals and graphs
 Programming
 Financial modeling
 And much, much more!

Why Use Excel?

a. It is the most popular spreadsheet program in the world
b. It is easy to learn and to get started.
c. The skill ceiling is high, which means that you can do more advanced things as you
become better
d. It can be used with both work and in everyday life, such as to create a family budget
e. It has a huge community support
f. It is continuously supported by Microsoft
g. Templates and frameworks can be reused by yourself and others, lowering creation costs

2. Activity Time-boxing

4
3
 University of Wah
Department of Computer Science,
Faculty of Computing
Table 11-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Application 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 15+15+20 (mins) 50 mins
8 Evaluation Task 60 mins for all tasks 60 mins
Total Time 170 mins

3. Objective(s) of the Experiment

1. use a range of lookup and reference functions
2. modify Excel options
3. customize the formatting of charts in Excel
4. create and use labels and names in a workbook
5. protect data in worksheets and workbooks
6. create summaries in your spreadsheets using subtotals
7. use data linking to create more efficient workbooks
8. use the Data Consolidation feature to combine data from several workbooks into one
9. understand and create simple PivotTable reports
10. construct and operate PivotTables using some of the more advanced techniques

9. Concept Map

Objectives
After performing this lab, students shall be able to:
 Introduction to MS Excel
 Exploring layout, tabs, formulas, and complex mathematical calculations.

10. Task List

1. Task-1: Introduction to MS Excel.

MS-EXCEL is a part of Microsoft Office suite software. It is an electronic spreadsheet with

numerous rows and columns, used for organizing data, graphically represent data(s), and performing
different calculations. It consists of 1048576 rows and 16384 columns, a row and column together
make a cell. Each cell has an address defined by column name and row number example A1, D2,
etc. this is also known as a cell reference.

4
4
 University of Wah
Department of Computer Science,
Faculty of Computing
Cell references: The address or name of a cell or a range of cells is known as Cell reference. It helps
the software to identify the cell from where the data/value is to be used in the formula. We can
reference the cell of other worksheets and also of other programs.

Referencing the cell of other worksheets is known as External referencing.

Referencing the cell of other programs is known as Remote referencing.
There are three types of cell references in Excel:
 Relative reference.
 Absolute reference.
 Mixed reference.

Task-2: Exploring layout, tabs, formulas, and complex mathematical calculations.

The Ribbon in MS-Excel is the topmost row of tabs that provide the user with different
facilities/functionalities. These tabs are:

4
5
 University of Wah
Department of Computer Science,
Faculty of Computing
 Home Tab: It provides the basic facilities like changing the font, size of text, editing the
cells in the spreadsheet, auto sum, etc.

 Insert Tab: It provides the facilities like inserting tables, pivot tables, images, clip art,
charts, links, etc.

 Page layout: It provides all the facilities related to the spreadsheet-like margins,
orientation, height, width, background etc. The worksheet appearance will be the same in
the hard copy as well.

 Formulas: It is a package of different in-built formulas/functions which can be used by user

just by selecting the cell or range of cells for values.

 Data: The Data Tab helps to perform different operations on a vast set of data like analysis
through what-if analysis tools and many other data analysis tools, removing duplicate data,
transpose the row and column, etc. It also helps to access data(s) from different sources as
well, such as from Ms-Access, from web, etc.

 Review: This tab provides the facility of thesaurus, checking spellings, translating the text,
and helps to protect and share the worksheet and workbook.

 View: It contains the commands to manage the view of the workbook, show/hide ruler,
gridlines, etc., freezing panes, and adding macros.

2. Microsoft Excel formulas - the basics

 All Excel formulas begin with an equal sign (=).
 After the equal symbol, you enter either a calculation or function. For example, to add up
values in cells B1 through B5, you can either:
 Type the entire equation: =B1+B2+B3+B4+B5
 Use the SUM function: =SUM(B1:B5)

4
6
 University of Wah
Department of Computer Science,
Faculty of Computing
1. Elements of Microsoft Excel formulas

 Constants - numbers or text values that you enter directly in a formula, like =2*3.
 Cell references - reference to a cell containing the value you want to use in your Excel formula, e.g.

=SUM (A1, A2, B5).

To refer to data in two or more contiguous cells, use a range reference like A1:A5. For example, to
sum values in all cells between A1 and A5, inclusive, use this formula:

=SUM (A1:A5).

 Names - defined name for a cell range, constant, table, or function, for example = SUM
(my_name).
 Functions - predefined formulas in Excel that perform calculations using the values supplied in their
arguments.
 Operators - special symbols that specify the type of operation or calculation to be performed.

1. Creating complex formulas with constants and mathematic

operators:

 Mathematical operations enclosed in parenthesis

 Power of (exponential calculations)
 Multiplication and division, whichever comes first in a formula

4
7
 University of Wah
Department of Computer Science,
Faculty of Computing
 Addition and subtraction, whichever comes first in a formula

 1st multiplication: $B2*$D2 (price*qty. = amount)

 2nd and 3rd multiplications: $B2*$D2*$C2 (price*qty.*VAT % = VAT amount)
 Addition: amount + VAT amount = total
 Commission formula: =($B2*$D2+$B2*$D2*$C2)*10%

The Content [Text + Picture] slide layout offers a design that allows you to insert text
and an image in 2 spaces reserved for this purpose. This type of mask can be declined in
several variants with a horizontal or vertical permutation of the boxes.
The editable elements are the title, the possible subtitle, the body of the text and of
course the image.

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Install an MS Power point application on your computer or device according to the learning material and the
IT Center instructions.

5.2.2. Task 2
Create necessary Configurations in the application and make the required settings.

4
8
 University of Wah
Department of Computer Science,
Faculty of Computing
6. Procedure and Tools

6.1. Tool(s)
MS Excel

6.2. Setting up Tool [Expected time = 5 mins]

Set up MS Excel by right clicking on the icon and select open.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Which file types can you Create using these applications?

7.2 Practice Task 2 [Expected time = 10 mins]

What is the best way to design the layout for your Tables?
7.3 Practice Task 3 [Expected time = 10 mins]
Try sending To make one section of slides in your presentation use a different design
template from the other slides, what do you do?
8. Evaluation Task (Unseen) [Expected time = 60 mins]

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

4
9
 University of Wah
Department of Computer Science,
Faculty of Computing
Table 7.12- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

5
0
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-06
Introduction to MS Excel, Exploring layout, tabs, formulas

Lab 6: Introduction to MS Access

5
1
 University of Wah
Department of Computer Science,
Faculty of Computing

1. Introduction

MS Word tutorial provides basic and advanced concepts of Word. Our Word tutorial is designed for
beginners and professionals.

Excel is pronounced "Eks - sel"

It is a spreadsheet program developed by Microsoft. Excel organizes data in columns and rows and allows
you to do mathematical functions. It runs on Windows, macOS, Android and iOS.

The first version was released in 1985 and has gone through several changes over the years. However, the
main functionality mostly remains the same.

Excel is typically used for:

 Analysis
 Data entry
 Data management
 Accounting
 Budgeting
 Data analysis
 Visuals and graphs
 Programming
 Financial modeling
 And much, much more!

Why Use Excel?

h. It is the most popular spreadsheet program in the world
i. It is easy to learn and to get started.
j. The skill ceiling is high, which means that you can do more advanced things as you
become better
k. It can be used with both work and in everyday life, such as to create a family budget
l. It has a huge community support
m. It is continuously supported by Microsoft
n. Templates and frameworks can be reused by yourself and others, lowering creation costs

5
2
 University of Wah
Department of Computer Science,
Faculty of Computing

2. Activity Time-boxing
Table 13-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Application 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 15+15+20 (mins) 50 mins
8 Evaluation Task 60 mins for all tasks 60 mins
Total Time 170 mins

4. Objective(s) of the Experiment

11. use a range of lookup and reference functions
12. modify Excel options
13. customize the formatting of charts in Excel
14. create and use labels and names in a workbook
15. protect data in worksheets and workbooks
16. create summaries in your spreadsheets using subtotals
17. use data linking to create more efficient workbooks
18. use the Data Consolidation feature to combine data from several workbooks into one
19. understand and create simple PivotTable reports
20. construct and operate PivotTables using some of the more advanced techniques

11. Concept Map

12. Objectives
After performing this lab, students shall be able to:
 Exploring MS Excel.
 Advanced features and filtration of data.
 Advanced formulas.
 Charts.

5
3
 University of Wah
Department of Computer Science,
Faculty of Computing
13. Task List

1. Task-1: Advanced features and Filtration of data.

1. Filter a range of data

1. Select any cell within the range.

2. Select Data > Filter.

3. Select the column header arrow .

4. Select Text Filters or Number Filters, and then select a comparison, like Between.

5. Enter the filter criteria and select OK.

5
4
 University of Wah
Department of Computer Science,
Faculty of Computing

2. Filter data in a table

When you put your data in a table, filter controls are automatically added to the table headers.

1. Select the column header arrow for the column you want to filter.
2. Uncheck (Select All) and select the boxes you want to show.

5
5
 University of Wah
Department of Computer Science,
Faculty of Computing

3. Click OK.

The column header arrow changes to a Filter icon. Select this icon to change or clear the
filter.

2. Task-2: Charts.

Month Articles Published Site Visitors

Jan 20 120
Feb 16 145
Mar 19 130
Apr 25 200
Jun 20 230
Jul 13 221
Step 1) Create a new workbook in Excel

 Enter the data shown above

 Create a basic column chart as shown below. If you do not know how to create a basic chart,
then read the article on charts.

5
6
 University of Wah
Department of Computer Science,
Faculty of Computing

Step 2) Now, it’s time for our charts and complex graphs in Excel to take beyond the basics. Select
the orange bars representing traffic

5
7
 University of Wah
Department of Computer Science,
Faculty of Computing

Step 3) Click on change chart type as shown below

 You will get the following dialog window

5
8
 University of Wah
Department of Computer Science,
Faculty of Computing

Step 4) Select Combo and,

1. Click on the clustered column

2. Select Line chart
3. Click on OK button

5
9
 University of Wah
Department of Computer Science,
Faculty of Computing

Congratulations, you just created a creative Excel chart with two types of charts in it.

Let’s now add a secondary axis to our chart to make it look more presentable.

 Select the chart

 Click on Design under chart tools and select change chart type

6
0
 University of Wah
Department of Computer Science,
Faculty of Computing

1. Click on Secondary Axis check box under Site Visitors

2. Click on OK button

Let’s now edit the chart, primary and secondary axis titles as shown below.

1. Go to Add chart elements

2. Click on Axis titles
3. Select primary verticals
4. Double click on the chart title and edit the title

6
1
 University of Wah
Department of Computer Science,
Faculty of Computing
Write Monthly Published Articles vs Site Traffic. Your complete chart should now look as follows

As you can see from the above complete chart, we have consolidated two data sets and visualized
them in such a way that it easily shows the effect of one data set onto the other using Excel graphs.

3. Task-2: Advanced Formulas.

4. Create the table as per the given information and auto completes the first column.
Also the format the table as shown below. Also format the columns for dollar
currency.
MONTH Sales Expense Profit
January $ 50,000.00 $25,000.00
February $ 65,000.00 $ 23,000.00
March $ 80,360.00 $ 79,200.00
April $ 75,230.00 $ 80,500.00
May $ 89,560.00 $ 85,000.00
June $ 45,320.00 $ 25,300.00
July $ 23,000.00 $ 45,000.00
August $ 89,230.00 $ 55,261.00
September $ 78,230.00 $ 58,321.00
October $ 45,256.00 $ 50,356.00
November $ 23,789.00 $ 45,783.00
December $500,236.00 $ 45,289.00

6
2
 University of Wah
Department of Computer Science,
Faculty of Computing
Total

5. Formula Calculation
Calculate the profit column by using the formula. Profit=Expense-Sales
Also calculate the total row by adding the values above. Make sure that the negative values are
shown in this format -$5,270 not in brackets.

6. Conditional Formatting
For all the negative values in the profit column apply the blue shading. Do not do this step
manually. See the sample below
MONTH Sales Expense Profit
January $ 50,000.00 $25,000.00 $25,000
February $ 65,000.00 $ 23,000.00
March $ 80,360.00 $ 79,200.00
April $ 75,230.00 $ 80,500.00 -$5,270
May $ 89,560.00 $ 85,000.00
June $ 45,320.00 $ 25,300.00
July $ 23,000.00 $ 45,000.00
August $ 89,230.00 $ 55,261.00
September $ 78,230.00 $ 58,321.00
October $ 45,256.00 $ 50,356.00
November $ 23,789.00 $ 45,783.00
December $500,236.00 $ 45,289.00
Total $1,165,211 $618,010 $547,201

7.

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Install an MS Power point application on your computer or device according to the learning material and the
IT Center instructions.

6
3
 University of Wah
Department of Computer Science,
Faculty of Computing
5.2.2. Task 2
Create necessary Configurations in the application and make the required settings.

6. Procedure and Tools

6.1. Tool(s)
MS Excel

6.2. Setting up Tool [Expected time = 5 mins]

Set up MS Excel by right clicking on the icon and select open.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Which file types can you Create using these applications?

7.2 Practice Task 2 [Expected time = 10 mins]

What is the best way to design the layout for your Tables?
7.3 Practice Task 3 [Expected time = 10 mins]
Try sending To make one section of slides in your presentation use a different design
template from the other slides, what do you do?
8. Evaluation Task (Unseen) [Expected time = 60 mins]

9. Evaluation Criteria

6
4
 University of Wah
Department of Computer Science,
Faculty of Computing
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 7.14- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

6
5
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB Sessional-I
And Viva Voce

6
6
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-07
Internet Browsers, Search Engines, Upload, Download, Emails

67
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Contents
1. Introduction 8
2. Activity Time-boxing 8
3. Objective(s) of the Experiment 8

4. Concept Map 9
4.1 Internet Browser 9
4.2 Search Engines 9
4.3 Upload 9
4.4 Download 10
4.5 Sending Email 11
4.6 Attachment 12
4.7 Difference between CC and BCC 13

5. Homework before Lab 16

5.1 Problem Solution Modelling 16
5.2 Practice from Home 16
5.2.1. Task 1 16
5.2.2. Task 2 16

6. Procedure & Tools 17

6.1 Tools 17
6.2 Setting-up Google Chrome [Expected time = 5 mins] 17
6.3 Walk-through Task [Expected time = 25 mins] 17

7. Practice Tasks 19
7.1 Practice Task 1 [Expected time = 10 mins] 19
7.2 Practice Task 2 [Expected time = 10 mins] 19
7.3 Practice Task 3 [Expected time = 10 mins] 19

8. Evaluation Task (Unseen) [Expected time = 60 mins] 20

9. Evaluation Criteria 20
10. Further Readings 21
10.1 Books 21
10.2 Slides 21

68
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 7: Internet Browser, Search Engines,

Upload/Download, Emails
1. Introduction
Today, the internet has become unavoidable in our daily life. Appropriate use of the internet makes our life
easy, fast, and simple. The internet helps us with facts and figures, information, and knowledge for personal,
social and economic development. There are many uses of the internet, however, the use of the internet in
our daily life depends on individual requirements and goals.
The Internet is a great platform for students to learn throughout their lifetime. They can use the internet to
learn new things and even acquire degrees through online education programs. Teachers can also use the
internet to teach students around the world. Without a doubt, the internet is the most powerful medium of
communication at present. It connects people across different parts of the world free and fast.
The influence of the internet in our daily life is huge. It has opened us to a magical world of information, and
we would have never seen the world as it is without the internet. Considering its scope and importance, it
would be hard to imagine a world without the internet.
The importance of this lab can be highlighted through the fact that the internet plays a pivotal role in
communication and our daily life activities. Concepts relating to internet browsers, search engines, emails,
uploads, and downloads have been presented.

2. Activity Time-boxing
Table 7.15-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Browser 5 mins 5 mins
6.3 Walkthrough Task 25 mins 25 mins
7 Practice Tasks 10+10+10 (mins) 30 mins
8 Evaluation Task 60 mins for all tasks 60 mins
Total Time 140 mins

3. Objective(s) of the Experiment

After performing this lab, students shall be able to understand what are:
 Internet Browsers
 Search Engines
 Upload
 Download
 Sending Email
 Attachment
 Differentiate between CC and BCC

69
 University of Wah
Department of Computer Science,
Faculty of Computing
4. Concept Map

4.1. Internet Browsers:

A web browser is an application for accessing websites. When a user requests a web page from a particular
website, the browser retrieves its files from a web server and then displays the page on the user's screen.
Browsers are used on a range of devices, including desktops, laptops, tablets, and smartphones. In 2020, an
estimated 4.9 billion people used a browser. The most used browser is Google Chrome, with a 65% global
market share on all devices, followed by Safari with 18%.

4.2. Search Engines:

A search engine is a software system designed to carry out web searches. They search the World Wide Web in a
systematic way for information specified in a textual web search query. The search results are generally
presented in a line of results often referred to as search engine results pages (SERPs). When a user enters a query
into a search engine, the engine scans its index of web pages to find those that are relevant to the user's query.
The results are then ranked by relevancy and displayed to the user. The information may be a mix of links to web
pages, images, videos, info graphics, articles, research papers, and other types of files. Some search engines also
mine data available in databases or open directories. Unlike web directories and social bookmarking sites, which
are maintained by human editors, search engines also maintain real-time information by running an algorithm on
a web crawler. Any internet-based content that can't be indexed and searched by a web search engine fall under
the category of deep web.

70
 University of Wah
Department of Computer Science,
Faculty of Computing
4.3. Upload:
Uploading refers to transmitting data from one computer system to another through means of a network.
Common methods of uploading include uploading via web browsers, FTP clients], and terminals (SCP/SFTP).
Uploading can be used in the context of (potentially many) clients that send files to a central server. While
uploading can also be defined in the context of sending files between distributed clients, such as with a peer-to-
peer (P2P) file-sharing protocol like Bit Torrent, the term file sharing is more often used in this case. Moving
files within a computer system, as opposed to over a network, is called file copying.

4.4. Download:
Downloading generally transfers entire files for local storage and later use, as contrasted with streaming, where
the data is used nearly immediately, while the transmission is still in progress, and which may not be stored long-
term. Websites that offer streaming media or media displayed in-browser, such as YouTube, increasingly place
restrictions on the ability of users to save these materials to their computers after they have been received.
Downloading is not the same as data transfer; moving or copying data between two storage devices would be
data transfer, but receiving data from the Internet or BBS is downloading.

71
 University of Wah
Department of Computer Science,
Faculty of Computing

4.5. Sending Email:

You can perform the following steps to send an email:
1.On your computer, go to Gmail.
2.At the top left, click Compose.
3.In the "To" field, add recipients. You can also add recipients:
4.In the "Cc" and "Bcc" fields.
5.When you compose a message, with a "+ sign" or "@mention" and the contact's name in the text field.
6.Add a subject.
7.Write your message.
8.At the bottom of the page, click Send.

4.6. Attachment:
You can perform the following steps to attach some documents to your email:
1.On your computer, go to Gmail.
2.Select the emails that you want.
3.Click More and then Forward as attachment.
4.In the “To” field, add recipients. You can also add recipients in the “Cc” and “Bcc” fields.
5.Add a subject.
6.Write your message.
7.At the bottom, click Send.
Note: To forward as an attachment, you can also right-click on a message or drag and drop the file into the body
of your message.

72
 University of Wah
Department of Computer Science,
Faculty of Computing

4.7. Difference between CC and BCC:

In email sending, CC is the abbreviation for “carbon copy.” Back in the days before the internet and email, to
create a copy of the letter you were writing, you had to place carbon paper between the one you were writing on
and the paper that was going to be your copy. Just like the physical carbon copy above, CC is an easy way to
send copies of an email to other people.
BCC stands for “blind carbon copy.” Just like CC, BCC is a way of sending copies of an email to other people.
The difference between the two is that, while you can see a list of recipients when CC is used, that’s not the case
with BCC. It’s called blind carbon copy because the other recipients won’t be able to see that someone else has
been sent a copy of the email.

73
 University of Wah
Department of Computer Science,
Faculty of Computing
5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Install an e-mail application on your computer or device according to the learning material and the IT Center
instructions.

5.2.2. Task 2
Create an e-mail account in the application and make the required settings in the account.

6. Procedure and Tools

6.1. Tool(s)
Google Chrome

6.2. Setting up Tool [Expected time = 5 mins]

Set up google chrome by right clicking on the icon and select open.

6.3. Walkthrough Task [Expected time = 25 mins]

Log into your university e-mail. Type a test message to yourself to check whether everything works!

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Which file types can you send using e-mail applications?

7.2 Practice Task 2 [Expected time = 10 mins]

When you receive attachments, which program file types used in Windows computers contain specific risks
related to use? Why?

7.3 Practice Task 3 [Expected time = 10 mins]

Try sending an attachment to yourself or a friend, for example (choose the file to send yourself).

74
 University of Wah
Department of Computer Science,
Faculty of Computing

Table 7.16-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2
T3

8. Evaluation Task (Unseen) [Expected time = 60 mins]

Use google chrome as your internet browser and google as your search engine, search for the article
titled, “No Silver Bullets-Essence and Accidents in Software Engineering by FP Brooks”.
Download the PDF document.
Send an email to your friend properly mentioning the recipient, Subject and email body. Don’t forget
Attach the document that you downloaded.
Add your second friend in BCC.

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 7.17- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

75
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-08
Introduction to MS Access

76
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Contents
1. Introduction 8
2. Activity Time-boxing 8
3. Objective(s) of the Experiment 8

4. Concept Map 9
4.1 Tables 9
4.1.1 Creating an Access Table 9
4.1.2 Access Query 9
4.1.3 Choosing a Table to Query 9
4.1.4 Creating a Custom Query 9
4.1.5 Running your First Query! 9
4.1.6 Basic Query Review 9

5. Homework before Lab 16

5.1 Problem Solution Modelling 16
5.2 Practice from Home 16
5.2.1. Task 1 16
5.2.2. Task 2 16

6. Procedure & Tools 17

6.1 Tools 17
6.2 Setting-up MS Access [Expected time = 5 mins] 17
6.3 Walk-through Task [Expected time = 25 mins] 17

7. Practice Tasks 19
7.1 Practice Task 1 [Expected time = 10 mins] 19
7.2 Practice Task 2 [Expected time = 10 mins] 19
7.3 Practice Task 3 [Expected time = 15 mins] 19

8. Evaluation Task (Unseen) [Expected time = 80 mins] 20

9. Evaluation Criteria 20
10. Further Readings 21
10.1 Books 21
10.2 Slides 21

77
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 8: Introduction to MS Access

1. Introduction
Microsoft Access stores information in what is called a database. There are four major steps to using
Microsoft Access:
 Database Creation: Create your Microsoft Access database and specify what kind of data you will
be storing. A retail business might create a database to store all their sales information (i.e., items
sold, customer, employee, commission, etc.)
 Data Input: After your database is created the data the store gathers every business day can be
entered into the Access database.
 Query: This is a fancy term to basically describe the process of retrieving information from the
database.
 Report(optional): Information from the database is organized in a nice presentation that can be
printed in an Access Report

2. Activity Time-boxing
Table 18-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up MS Access 5 mins 5 mins
6.3 Walkthrough Task 25 mins 25 mins
7 Practice Tasks 10+10+15 (mins) 35 mins
8 Evaluation Task 80 mins for all tasks 80 mins
Total Time 165 mins

3. Objective(s) of the Experiment

After performing this lab, students shall be able to:
 To get familiar with the database environment by creating databases and tables
 Access Query
 Creating Custom Query
 Basic Query Overview

78
 University of Wah
Department of Computer Science,
Faculty of Computing

4. Concept Map
4.1. Tables:
A table in Access is quite different than a table in real life. Instead of having wooden legs and being used for
meals, Access Tables are a grid made up of rows and columns. Here's an example of a table in Access:

There are four key components we want you to learn right now:
 tbl_Sales: The name of our table is the example is "tbl_Sales". Note that we could have simply
called our sales table Sales, but by including a prefix tbl_ there is absolutely no confusion and is a
great Access habit to pick up!
 Columns: A column is one vertical section of the table (i.e., up-and-down sections). The vertical
columns have their label at the top and these labels should describe the type of information that will
be stored. The columns in this table are Employee, Product, Price and SaleNumber.
 Rows: A row is one horizontal segment of the table (i.e., left-to-right sections). One record takes up
exactly one row. For example, in this table one sale at Bob's Shoe Store was a pair of slippers, which
sold for $5.00. This record was entered left-to-right as follows: Employee-Bob, Product-Slipper,
Price-$5.00, SaleNumber-3.
 Cells: A cell is simply the intersection of a row and a column. Can you find the cell that contains the
value $150.00? Which row and column intersected at this cell? When you enter information into
Access it will often be one cell at a time!
These definitions may seem confusing at first and if that is the case, please read through this lab, play around
in Access then revisit this page to see if it is starting to make more sense. If you stick with it, you'll be
amazed at how much you can learn!
Now that we've covered the basics of Access Tables let's create one!

4.1.1. Creating an Access Table

When you create a table in Access you must know what the table will store and what format that information
will be in. For example, if you wanted to store the product identification numbers involved in a sale, then
you might label that column "ProductID" and specify that only numbers should be stored for that column.
We'll be creating the table tbl_Sales that you saw above but remember this is only the table creation stage
and we will not be entering data just yet!

79
 University of Wah
Department of Computer Science,
Faculty of Computing

With the Tables object tab selected, click the "Design view".

This will also bring up a prompt to name your Access Table.

Click yes and enter "tbl_Sales" for your table's name.

This will bring up the Table Design View.

There are three columns here that should be explained in detail:

 Field Name: This is where you type the name for your column. A common practice is to make it one
word and to use capitalization for multiple words squished into one (e.g., SaleNumber)

80
 University of Wah
Department of Computer Science,
Faculty of Computing

 Data Type: This column is where you specify the type of data that will be stored. If you are storing
money, then select Currency. The most common types of data are Text, Number, Currency, and
Date/Time.
 Description: Here you can type optional notes to remind yourself or provide useful information
for others who might be viewing this file later.

The first column in our tbl_Sales example was Employee, so let's enter Employee in the Field Name column
and choose Short Text from the Data Type column. If click inside the Data Type column you will see that it
is a drop down, select box with many options to choose from. Select the Short Text option.

Enter the following information for our remaining three columns of tbl_Sales:
Field Name: Product, Data Type: Short Text
o Field Name: Price, Data Type: Currency
o Field Name: SaleNumber, Data Type: Number

Before we are finished here, we need to make a Primary Key. A primary key is restriction that we place on a
column stating that there can be no duplicate values in that column. We will be talking about keys later, but
for now right-click in the SaleNumber row and choose Primary Key from the pop-up menu.

We have finished our table's outline so click the X in the top right to close the design view (don't close
Access, just the Design Window).
To begin entering records, right-click the table and click on “OPEN” you want to add records to.

81
 University of Wah
Department of Computer Science,
Faculty of Computing

This brings up the Table Window and you can see that our table contains no data, yet.

Bob's five sales are as follows (note: Bob is currently the only "employee"):
 Sneaker - $40
 Sneaker - $60
 Slipper - $5
 Heel - $12
 Dress - $150
Enter the information for Bob's first sale as follows:
 Employee: Bob
 Product: Sneaker
 Price: $40
 SaleNumber: 1

Enter the remaining four sales so that your table looks like:

4.1.2. Access Query:

As tables grow, they can have hundreds of thousands of records, which makes it impossible for the user to
pick out specific records from that table. Queries were designed to combat this problem. With a query you
can apply a filter to the table's data, so that you only get the information that you want.

82
 University of Wah
Department of Computer Science,
Faculty of Computing

4.1.3. Choosing a Table to Query:

Before you can create a query, you must navigate to the Create Tab in your Access database. Select Query
Design from the Queries Pane.

Although you could use Wizard, we will guide you through the process of creating an Access query with the
"Design view". Add the table tbl_Sales

Your Query window should now have the tbl_Sales table added to it . You have just completed the setup
process for making a query. Every time you make a query you must first choose which table(s) you want to
select data from. Currently, our database only has one table, so we don't have a lot of choices here. Now we
can begin to create our custom Access query.

83
 University of Wah
Department of Computer Science,
Faculty of Computing

4.1.4. Creating a Custom Query:

Bob wants a query that will just return the list of items sold and for how much. He doesn't care about the sale
number or the employee. To make this query we are going to have to specify the fields we want to see and
ignore the others.
Access lets you quickly select fields you want to see by a simple drag and drop method. For every field that a
table has there is an entry in the quick table viewer. Notice that the quick view of tbl_Sales displays the
fields: *, Employee, Product, Price and SaleNumber. Note: The field * is a wildcard, meaning it will select
all the fields if you choose *.
We only want Product and Price, so let's start by dragging Product down from tbl_Sales to the first column.
Notice that when you drop the Product field into the first column it populates two of the fields and checks the
"Show" box:

Drag and drop the Price field into the adjoining column and you should have something like:

84
 University of Wah
Department of Computer Science,
Faculty of Computing

That's it! You're done! Right-click on the Query name and click on “save” option and save your file query as
qry_ProdSales.

4.1.5. Running Your First Query!

Well, you've finished writing the backend for your query, so let's if it works. Select “View” and then “Data
Sheet View option.

You should see somethinglike this :

85
 University of Wah
Department of Computer Science,
Faculty of Computing

4.1.6. Basic Query Review

When you want to create a query that just uses a select few fields you can simply drag and drop these fields
in design view. To view the SQL for a query, open your query in design view.
To open it in SQL View, right click on the query “qry_ProdSale” and select “SQL View”. Your Query
window should now display the SQL for the query. See below:

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
MS Access is a Relational Database Management System (RDBMS)? Briefly explain.

5.2.2. Task 2
How can you create a file in MS Access? Briefly explain all the steps along with screenshots. Name the file
as follows: yourFirstName_yourRegistrationNo. e.g., Alina_001

6. Procedure and Tools

6.1. Tool(s)
MS Access

6.2. Setting up Tool [Expected time = 5 mins]

Setup Microsoft Access and create a new file named “yourName_lab8”
86
 University of Wah
Department of Computer Science,
Faculty of Computing
6.3. Walkthrough Task [Expected time = 25 mins]
Create the table “tbl_sales” as given above and enter all the records as well.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Create the following table in design view called Tutors.

7.2 Practice Task 2 [Expected time = 10 mins]

Enter 3 complete records in the table Tutors created above in practice task 1.

7.2 Practice Task 3 [Expected time = 15 mins]

Open the query in SQL to display all the data that you added in practice task 2.

Table 19-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2
T3

8. Evaluation Task (Unseen) [Expected time = 80 mins]

Design the following table named “Course” and run the query to select all entries from the table:
Name Registration No. Courses Course Code Offered By
Ali 01 DIP 1001 Mr. A
Basit 02 DBMS 1002 Mr. X
Akram 03 OS 1003 Mr. Y
Asad 04 DBMS 1002 Mr. X
Zeeshan 05 DIP 1001 Mr. A
Muneer 06 OS 1003 Mr. Y
Shafqat 07 NM 1004 Mr. H
87
 University of Wah
Department of Computer Science,
Faculty of Computing
Ahsan 08 OS 1003 Mr. Y

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 20- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

88
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-09
Creating Forms and Reports in MS Access

89
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Contents
1. Introduction 8
2. Activity Time-boxing 8
3. Objective(s) of the Experiment 8

4. Concept Map 9
4.1 Creating an Access Form 9
4.2 Entering Data using Access Form 9
4.3 Creating an Access Report 9

5. Homework before Lab 16

5.1 Problem Solution Modelling 16
5.2 Practice from Home 16
5.2.1. Task 1 16
5.2.2. Task 2 16

6. Procedure & Tools 17

6.1 Tools 17
6.2 Setting-up MS Access [Expected time = 5 mins] 17
6.3 Walk-through Task [Expected time = 25 mins] 17

7. Practice Tasks 19
7.1 Practice Task 1 [Expected time = 10 mins] 19
7.2 Practice Task 2 [Expected time = 20 mins] 19
7.3 Practice Task 3 [Expected time = 20 mins] 19

8. Evaluation Task (Unseen) [Expected time = 80 mins] 20

9. Evaluation Criteria 20
10. Further Readings 21
10.1 Books 21
10.2 Slides 21

90
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 9: Creating Forms and Reports in MS Access

1. Introduction
Microsoft Access offers the functionality of a database and the programming capabilities to create easy to
navigate screens (forms). It helps you analyze large amounts of information and manage data efficiently.
 Forms - A form is a database object that you can use to create a user interface for a database
application. Forms help you to display live data from the table. It is mainly used to ease the process
of data entry or editing.
 Reports - A report is an object in desktop databases primarily used for formatting, calculating,
printing, and summarizing selected data. You can even customize the report’s look and feel.

2. Activity Time-boxing
Table 21-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Browser 5 mins 5 mins
6.3 Walkthrough Task 25 mins 25 mins
7 Practice Tasks 10+20+20 (mins) 50 mins
8 Evaluation Task 80 mins for all tasks 80 mins
Total Time 180 mins

3. Objective(s) of the Experiment

After performing this lab, students shall be able to:
 Get familiar with the database environment by creating databases and tables.
 Create access form
 Create access reports

4. Concept Map

4.1. Creating an Access Form:

Although we haven't recommended the various wizards that Access had available in the previous lessons, the
form wizard is actually very useful and should save you a bunch of time! Let's create a simple data input
form for the new employee!
Navigate to the Forms section in Access using “Create” tab . Click on "From Wizard".

91
 University of Wah
Department of Computer Science,
Faculty of Computing

We want all the fields from tbl_Sales to be included in this form, so first select tbl_Sales from the drop-down
box "Tables/Queries"

The single right arrow will add one selected field at a time, but we want all the fields. The shortcut to add
every field from a given table or query is to click the double arrow button. Do that and click Next.

Choose a Columnar layout and press Next

92
 University of Wah
Department of Computer Science,
Faculty of Computing

Choose any style and press Next (we chose "Sumi Painting").
Change the form's title to frm_EmployeeEntry and click Finish.

Open up your form and check it out!

93
 University of Wah
Department of Computer Science,
Faculty of Computing

4.2. Entering Data Using Access Forms

Open up frm_EmployeeEntry.
At the bottom of the form is a set of arrows to navigate through the records. To get to the end of the existing
records and begin entering data you need to click the arrow with an asterisk(*).

Clicking that button will bring you to the first blank record, which would be the sixth in our case. You would
then enter all the data for that record and click the right arrow to advance to the next blank record. After all
the new records have been entered, close the form and pat yourself on the back.

When you enter data into this form it will automatically add it to our existing tbl_Sales because we specified
that table when we created our form. With this form the new employee will be able to enter data into Bob's
existing Access table without ever knowing a thing about tables!

4.3. Creating an Access Report

Bob wants a report to show the sales for each product, as well as the total sales for his company. Luckily,
because he has all his sales information in an Access database, he can create this report in about a minute!
Let's explore how you would create this basic sales report in Access.
Navigate to the Reports section in Access using “Create” tab.

94
 University of Wah
Department of Computer Science,
Faculty of Computing

Click on "Report Wizard".

Select the query we created in the Access Query lesson qry_ProdSales and add both fields to the report.

Click Next.
At the grouping step, add the Product field by clicking the right arrow and click Next.

95
 University of Wah
Department of Computer Science,
Faculty of Computing

At the sorting step, select Price from the drop-down-box then click Summary Options.

Check the Sum box, so the report will include totals for the Price field and click OK.

and click Finish. Open up your report and check it out!

96
 University of Wah
Department of Computer Science,
Faculty of Computing

Bob can now print out this handy report and review his sales in an easy-to-read fashion, while away from his
computer. If you would like to make any changes to the report just right-click rpt_Sales and choose the
"Design View" option from the popup menu.

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Roughly Design a layout of form for the table created in Evaluation task of lab 8 (Course).

5.2.2. Task 2
Roughly Design a layout of report for the table created in Evaluation task of lab 8 (Course).

6. Procedure and Tools

6.1. Tool(s)
MS Access

97
 University of Wah
Department of Computer Science,
Faculty of Computing
6.2. Setting up Tool [Expected time = 5 mins]
Setup Microsoft Access and create a new file named “yourName_lab9”

6.3. Walkthrough Task [Expected time = 25 mins]

Create a form and report for the above-mentioned table named ‘tbl_sales’.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Create a table named “Recordings” based on the following structure:

7.2 Practice Task 2 [Expected time = 20 mins]

Randomly add 3 rows in the above created table and make a report of it.

7.2 Practice Task 3 [Expected time = 20 mins]

Now make a form for the above created table.

Table 22-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2
T3

8. Evaluation Task (Unseen) [Expected time = 80 mins]

Design the following table and create the following to view all entries:
 Access form
 Access report

98
 University of Wah
Department of Computer Science,
Faculty of Computing

Name Registration No. Courses Course Code Offered By

Ali 01 DIP 1001 Mr. A
Basit 02 DBMS 1002 Mr. X
Akram 03 OS 1003 Mr. Y
Asad 04 DBMS 1002 Mr. X
Zeeshan 05 DIP 1001 Mr. A
Muneer 06 OS 1003 Mr. Y
Shafqat 07 NM 1004 Mr. H
Ahsan 08 OS 1003 Mr. Y

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 23- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

99
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-10
SQL in MS Access

100
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Contents
1. Introduction 8
2. Activity Time-boxing 8
3. Objective(s) of the Experiment 8

4. Concept Map 9
4.1 Importing Excel Data into Access 9
4.2 Select Queries 9
4.3 The Where Clause 9

5. Homework before Lab 16

5.1 Problem Solution Modelling 16
5.2 Practice from Home 16
5.2.1. Task 1 16
5.2.2. Task 2 16

6. Procedure & Tools 17

6.1 Tools 17
6.2 Setting-up MS Access [Expected time = 5 mins] 17
6.3 Walk-through Task [Expected time = 35 mins] 17

7. Practice Tasks 19
7.1 Practice Task 1 [Expected time = 10 mins] 19
7.2 Practice Task 2 [Expected time = 10 mins] 19
7.3 Practice Task 3 [Expected time = 15 mins] 19

8. Evaluation Task (Unseen) [Expected time = 60 mins] 20

9. Evaluation Criteria 20
10. Further Readings 21
10.1 Books 21
10.2 Slides 21

101
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 10: SQL in MS Access

1. Introduction
The fundamental job of an MS Access database (or indeed any database) is to provide a home (base) for
data (data). Hence database. Data is stored in entities which are referred to in MS Access as tables and
this ability to store data provides us with an opportunity to read, update, insert and delete said data later.
To work with the data we have stored, we need to be able to communicate with the database. And to
communicate with the database, we need to use Structured Query Language (SQL).
SQL provides us with the opportunity to read data from single or even multiple tables. We can use SQL to
sum, count or average values stored in the database. SQL can also be used to insert new records, update
existing ones, and delete unwanted ones.
In MS Access, every communication with the database uses SQL to some degree although this is not
always obvious. When you create a form based off a table, the form is using SQL to communicate with
the table, but these interactions are buried inside MS Access.
It is worth remembering that the fundamental purpose of a database is to store and manipulate data. At the
very basic level there are four actions that a database is required to perform. These activities are often
referred to as CRUD operations. CRUD stands for Create, Read, Update and Delete.

2. Activity Time-boxing
Table 24-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Browser 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 10+10+15 (mins) 35 mins
8 Evaluation Task 60 mins for all tasks 60 mins
Total Time 155 mins

3. Objective(s) of the Experiment

After performing this lab, students shall be able to:
 Import Excel data into Access
 Understand what Structured Query Language is
 Run SQL Data retrieval commands in Access

102
 University of Wah
Department of Computer Science,
Faculty of Computing
4. Concept Map

4.1. Importing Excel data into Access:

Sometimes you start out with a small table in Excel and before you know it, your dataset gets so large that
it becomes more manageable if you turn it into a database. This is why it can be useful to import Excel
sheets into Access.
We will be importing the file AccessLab4.xslx into a new Database file. Open Microsoft Access and
create a new database. In the External Data tab, press the New Data Source and then From File and then
click on the Excel button from the Import & Link group.
Browse to where your file “AccessLab4.xslx” file and press OK.

Select the First Row Contains Column Headings checkbox and press Next. This will set our column
headings as field names in the table that will be created.

103
 University of Wah
Department of Computer Science,
Faculty of Computing

Next dialog box allows you to set data types of fields. Select the Serial No. field from the table and
change its data type to Integer. Press Next.

104
 University of Wah
Department of Computer Science,
Faculty of Computing
The next screen allows us to create a new primary key. The choices are: Let Access add primary key, I
Choose my own primary key, or no primary key. In this case, we will let Access create a new field for the
primary key. Press Next.

Name your table as Data and then click on the Finish button.

105
 University of Wah
Department of Computer Science,
Faculty of Computing
Next, Access will ask if you want to save the import steps. Press the Close button.
The following is what the Data table looks like.

4.2. SELECT Queries:

The SELECT statement is the most basic phrase in the Structured Query Language (SQL). Let us make a
query that returns all records from a table using SQL. Open file imported in the previous section and then
click on Query Design. To go to the SQL view, click on the “View” and then the button labeled SQL in the
Results group.
Since we are creating a SELECT query, Access knows enough to start it out for us.

For example: To get a query that shows all the records and fields in a file named “Data”, type in (do not
forget the semicolon):
106
 University of Wah
Department of Computer Science,
Faculty of Computing
SELECT * FROM Data;
Then run the query. Following is the result of the query.

To get back to the SQL view, press the View button in the Views group and select SQL View.

4.3. The WHERE Clause:

The WHERE clause in an SQL SELECT query provides a similar function to the Criteria field in the Access
query Design View. WHERE allows you to set criteria that must be met by the records to be shown in the
query result. WHERE also allows you to set relationships between fields in your queries.
Create a new query and open its SQL view. Let us create a query that returns the NAME of student having
registration no “UW-19-CS-BS-075”. Type in:
SELECT Name FROM Data
WHERE Registration_No = "UW-19-CS-BS-075";

Then run the query.

107
 University of Wah
Department of Computer Science,
Faculty of Computing

Now let us get back to the query that was created previously. You will notice that the query result is listing
the name of only that student whose registration number is 75. This is because the query does not consider
the relationships between the tables.

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Understand what are the basic SQL commands and why are they required?

5.2.2. Task 2
Explain the CURD operations briefly along with an example. (Note: Don’t write query just explain the
examples.)

6. Procedure and Tools

6.1. Tool(s)
MS Access

6.2. Setting up Tool [Expected time = 5 mins]

Set up MS Access and create a database named “yourName_lab10”.

6.3. Walkthrough Task [Expected time = 35 mins]

Create the following table and write SQL select commands as given above.

108
 University of Wah
Department of Computer Science,
Faculty of Computing

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Write an SQL data retrieval command to display only the data of Registration_No UW-19-CS-BS-013 and
UW-19-CS-BS-039.

7.2 Practice Task 2 [Expected time = 10 mins]

Write an SQL data retrieval command to display the registration number, Name, and time slot against Name
“Natasha Bibi”.

7.3 Practice Task 3 [Expected time = 15 mins]

What time is scheduled for Nida Urooj and Tuba Maryam? Write a Query to answer your question.

Table 25-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2
T3

109
 University of Wah
Department of Computer Science,
Faculty of Computing
8. Evaluation Task (Unseen) [Expected time = 60 mins]
Perform the following tasks:
8.1. Create a query in SQL that shows only “Name” from Data.
8.2. Create a query in SQL that displays a title “Name” along with Registration Number and its
scheduled time for viva voce.
8.3. Create a query that displays the registration number of a student named “AQEEL ZAFFAR”.
8.4. Modify the query written in Task 8.3 using SQL and show the registration number of the student
where name = “AQEEL ZAFFAR” and scheduled time slot = “2:00-2:15”.

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 26- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

110
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-11
Introduction to HTML

111
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Contents
1. Introduction 8
2. Activity Time-boxing 8
3. Objective(s) of the Experiment 8

4. Concept Map 9
4.1 HTML Headings 9
4.2 HTML Paragraphs 9
4.3 HTML Links 9
4.4 HTML Styling 9
4.5 HTML Text Color 9
4.6 HTML Fonts 9
4.7 HTML Text Size 9
4.8 HTML Text Alignment 9
4.9 HTML Bold and Strong Formatting 9
4.10 HTML Marked Formatting 9
4.11 HTML Subscript Formatting 9

5. Homework before Lab 16

5.1 Problem Solution Modelling 16
5.2 Practice from Home 16
5.2.1. Task 1 16
5.2.2. Task 2 16

6. Procedure & Tools 17

6.1 Tools 17
6.2 Setting-up Notepad and Chrome [Expected time = 5 mins] 17
6.3 Walk-through Task [Expected time = 35 mins] 17

7. Practice Tasks 19
7.1 Practice Task 1 [Expected time = 10 mins] 19
7.2 Practice Task 2 [Expected time = 10 mins] 19
7.3 Practice Task 3 [Expected time = 10 mins] 19

8. Evaluation Task (Unseen) [Expected time = 80 mins] 20

9. Evaluation Criteria 20
10. Further Readings 21
10.1 Books 21
10.2 Slides 21

112
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 11: Introduction to HTML

1. Introduction
HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text
Markup Language. A markup language is a set of markup tags. HTML documents are described by HTML
tags. Each HTML tag describes different document content. HTML document is saved with .htm or .html
extension.
 HTML describes the structure of a Web page
 HTML consists of a series of elements
 HTML elements tell the browser how to display the content
 HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a
link", etc.
Example:
A small HTML document:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

2. Activity Time-boxing
Table 27-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Browser 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 10+10+10 (mins) 30 mins
8 Evaluation Task 80 mins for all tasks 80 mins
Total Time 170 mins

113
University of Wah
Department of Computer Science,
Faculty of Computing

114
 University of Wah
Department of Computer Science,
Faculty of Computing
3. Objective(s) of the Experiment
After performing this lab, students shall be able to understand what are:
 Get familiar with HTML
 HTML Tags including Paragraph, heading, font,
 HTML links, text alignment and formatting

4. Concept Map

4.1. HTML Headings:

HTML headings are defined with the <h1> to <h6> tags:
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

4.2. HTML Paragraphs:

HTML paragraphs are defined with the <p> tag:
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

4.3. HTML Links:

HTML links are defined with the <a> tag:
Example
<a href="http://www.w3schools.com">This is a link</a>

4.4. HTML Styling:

Every HTML element has a default style (background color is white and text color is black).
Changing the default style of an HTML element can be done with the style attribute.
This example changes the default background color from white to light grey:

115
 University of Wah
Department of Computer Science,
Faculty of Computing
Example
<body style="background-color:lightgrey">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>

4.5. HTML Text Color:

The color property defines the text color to be used for an HTML element:
Example
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>

4.6. HTML Fonts:

The font-family property defines the font to be used for an HTML element:
Example
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>

4.7. HTML Text Size:

The font-size property defines the text size to be used for an HTML element:
Example
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>

4.8. HTML Text Alignment:

The text-align property defines the horizontal text alignment for an HTML element:
Example
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>

4.9. HTML Bold and Strong Formatting:

The HTML <b> element defines bold text, without any extra importance.
116
 University of Wah
Department of Computer Science,
Faculty of Computing
Example
<p>This text is normal.</p>
<p><b>This text is bold</b>.</p>

The HTML <strong> element defines strong text, with added semantic "strong" importance.
Example
<p>This text is normal.</p>
<p><strong>This text is strong</strong>.</p>

4.10. HTML Marked Formatting:

The HTML <mark> element defines marked or highlighted text:
Example
<h2>HTML <mark>Marked</mark> Formatting</h2>

4.11. HTML Subscript Formatting:

The HTML <sub> element defines subscripted text.
Example
<p>This is _subscripted text.</p>

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
How can you View HTML Source code and inspect HTML elements?

5.2.2. Task 2
View the source code of the following webpage. And inspect the element title on the line number 5.

117
 University of Wah
Department of Computer Science,
Faculty of Computing

6. Procedure and Tools

6.1. Tool(s)
Notepad and Google Chrome

6.2. Setting up Tool [Expected time = 5 mins]

Set up both the tools and save a notepad file named “yourNmae_lab11”.

6.3. Walkthrough Task [Expected time = 35 mins]

Write a paragraph about your favorite Hobby. Format the paragraph, add proper headings, and add all the
HTML elements learned in today’s lab.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Write HTML code for the following:

7.2 Practice Task 2 [Expected time = 10 mins]

Modify the above tasks and add a link to the text: “This is a link”.
Link: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_link

7.3 Practice Task 3 [Expected time = 10 mins]

Write HTML code to display the following in browser:

118
 University of Wah
Department of Computer Science,
Faculty of Computing

Table 28-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2
T3
8. Evaluation Task (Unseen) [Expected time = 80 mins]
Design an HTML web page according to an output given below.
a) Set its title to "This is a webpage".
b) The size of paragraph text should be above 50.
c) The font used for text should be “Arial”.

Lab Exercise
PARAGRAPH
Lorem Ipsum is simply dummy test of the printing and typesetting
industry. Lorem Ipsum has been the industry’s standard dummy text
ever since the 1500s, when an unknown printer took a gallery of type
and scrambled it to make a type specimen book.

TEXT FORMATTING
It is a bold text
It is an italic
text
It is an underlined text
It is a strong text
It is a subscript text

LINK
It is a link

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 29- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10
4 7.2 Practice Task 2 10
119
 University of Wah
Department of Computer Science,
Faculty of Computing
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

120
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-12
Web Designing in HTML

121
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Contents
1. Introduction 8
2. Activity Time-boxing 8
3. Objective(s) of the Experiment 8

4. Concept Map 9
4.1 HTML Comment Tags 9
4.2 HTML Color Values 9
4.3 HTML Tables 9
4.3.1 HTML table Headings 9
4.3.2 Table Cells that Span Many Columns 9
4.3.3 Table Cells that Span Many Rows 9
4.3.4 HTML Table with a Caption 9
4.3.5 HTML Table with Cell Spacing 9
4.4 Unordered HTML Lists 9
4.5 Ordered HTML Lists 9
4.6 HTML Description Lists 9
4.7 Nested HTML Lists 9
4.8 HTML Images 9
4.9 HTML Image Floating 9
4.10 Block-level Elements 9
4.10.1 The <div> Element 9
4.10.2 Inline Elements 9

5. Homework before Lab 16

5.1 Problem Solution Modelling 16
5.2 Practice from Home 16
5.2.1. Task 1 16
5.2.2. Task 2 16

6. Procedure & Tools 17

6.1 Tools 17
6.2 Setting-up Notepad and Chrome [Expected time = 5 mins] 17
6.3 Walk-through Task [Expected time = 35 mins] 17

7. Practice Tasks 19
7.1 Practice Task 1 [Expected time = 10 mins] 19
7.2 Practice Task 2 [Expected time = 20 mins] 19
7.3 Practice Task 3 [Expected time = 10 mins] 19

8. Evaluation Task (Unseen) [Expected time = 80 mins] 20

9. Evaluation Criteria 20

122
 University of Wah
Department of Computer Science,
Faculty of Computing
10. Further Readings 21
10.1 Books 21
10.2 Slides 21

123
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 12: Web Designing in HTML

1. Introduction
Web designing is the process of planning, conceptualizing, and implementing the plan for designing a
website in a way that is functional and offers a good user experience. User experience is central to the web
designing process. Websites have an array of elements presented in ways that make them easy to navigate.
Web designing essentially involves working on every attribute of the website that people interact with, so
that the website is simple and efficient, allows users to quickly find the information they need, and looks
visually pleasing. All these factors, when combined, decide how well the website is designed.

2. Activity Time-boxing
Table 30-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Browser 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 10+20+10+35 (mins) 40 mins
8 Evaluation Task 80 mins for all tasks 80 mins
Total Time 180 mins

3. Objective(s) of the Experiment

After performing this lab, students shall be able to understand what are:
 HTML comment Tags, color values, HTML Tables
 Ordered and unordered lists
 HTML images
 Block level elements

4. Concept Map

4.1. HTML Comment Tags:

You can add comments to your HTML source by using the following syntax:
<!-- Write your comments here -->
Example
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Remember to add more information here -->

4.2. HTML Color Values:

Colors in HTML can be specified by the following methods:
a) Hexadecimal colors
124
 University of Wah
Department of Computer Science,
Faculty of Computing
b) RGB colors
c) Color names
Example
Black #000000
Open the link to see color codes.
http://www.color-hex.com

4.3. HTML Tables:

 Tables are defined with the <table> tag.
 Tables are divided into table rows with the <tr> tag.
 Table rows are divided into table data with the <td> tag.
 A table row can also be divided into table headings with the <th> tag.
 Table data <td> are the data containers of the table.
 They can contain all sorts of HTML elements like text, images, lists, other tables, etc.
 An HTML Table with a Border Attribute If you do not specify a border for the table, it will be displayed
without borders. A border can be added using the border attribute:

Example
<table border="1" style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>

4.3.1. HTML Table Headings:

Table headings are defined with the <th> tag.
By default, all major browsers display table headings as bold and centered:
Example
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Points</th>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
125
 University of Wah
Department of Computer Science,
Faculty of Computing
</tr>
</table>

4.3.2. Table Cells that Span Many Columns:

To make a cell span more than one column, use the colspan attribute:
Example
<table style="width:100%">
<tr>
<th>Name</th>
<th colspan="2">Telephone</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>

4.3.3. Table Cells that Span Many Rows

To make a cell span more than one row, use the rowspan attribute:
Example
<table style="width:100%">
<tr>
<th>Name:</th>
<td>Bill Gates</td>
</tr>
<tr>
<th rowspan="2">Telephone:</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>

4.3.5. An HTML Table with a Caption

To add a caption to a table, use the <caption> tag:
Example
<table style="width:100%">
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
126
 University of Wah
Department of Computer Science,
Faculty of Computing
<td>$100</td>

</tr>
<tr>
<td>February</td>
<td>$50</td>
</tr>
</table>

4.3.6. An HTML Table with Cell Spacing

Example
<table style="width:30%" border=”1” cellspacing=”10px”>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$50</td>
</tr>
</table>

4.4. Unordered HTML Lists

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items will be marked with bullets (small black circles):
Example
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
A style attribute can be added to an unordered list, to define the style of the marker:

Style Description
 list-style-type:disc The list items will be marked with bullets (default) list-style-type:circle The list items
will be marked with circles list-style-type:square The list items will be marked with squares
 list-style-type:none The list items will not be marked
Disc:
<ul style="list-style-type:disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul> 127
 University of Wah
Department of Computer Science,
Faculty of Computing

4.5. Ordered HTML Lists

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag. The list items will be marked
with numbers:
Example
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
A type attribute can be added to an ordered list, to define the type of the marker:
Type Description
 type="1" The list items will be numbered with numbers (default) type="A" The list items will be
numbered with uppercase letters type="a" The list items will be numbered with lowercase letters
 type="I" The list items will be numbered with uppercase roman numbers
 type="i" The list items will be numbered with lowercase roman numbers
Numbers:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Uppercase Letters:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

4.6. HTML Description Lists

HTML also supports description lists. A description list is a list of terms, with a description of each term.
The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes
each term:
Example
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

4.7. Nested HTML Lists

List can be nested (lists inside lists).
Example
<ul>
128
 University of Wah
Department of Computer Science,
Faculty of Computing
<li>Coffee</li>
<li>Tea

<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>

4.8. HTML Images

In HTML, images are defined with the <img> tag.
The <img> tag is empty, it contains attributes only, and does not have a closing tag.
<img src="url" alt="some_text">
Image Size = Width and Height
You can use the style attribute to specify the width and height of an image. The values are specified in pixels
(use px after the value).
Example-1
<img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
Alternatively, you can use width and height attributes. Here, the values are specified in pixels by default.
Example-2
<img src="html5.gif" alt="HTML5 Icon" width="128" height="128"> Using an Image as a Link
To use an image as a link, simply nest the <img> tag inside the <a> tag.
Example -3
<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;"> </a>

4.9. Image Floating

Use the CSS float property to let the image float.
The image can float to the right or to the left of a text:
Example
<p>
<img src="smiley.gif" alt="Smiley face" style="float:right;width:42px;height:42px;"> The image will float to
the right of the text.
</p>
<p>
<img src="smiley.gif" alt="Smiley face" style="float:left;width:42px;height:42px;"> The image will float to
the left of the text.
</p>

4.10. Block-level Elements

A block-level element always starts on a new line and takes up the full width available (stretches out to the left
and right as far as it can).
Examples of block-level elements:
∙ <div>
∙ <h1> - <h6>
129
 University of Wah
Department of Computer Science,
Faculty of Computing
∙ <p>
∙ <form>

4.10.1. The <div> Element

The <div> element is a block-level element that is often used as a container for other HTML elements. The
<div> element has no required attributes, but style and class are common.
Example
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a
metropolitan area of over 13 million inhabitants.</p>
</div>

4.10.2. Inline Elements

An inline element does not start on a new line and only takes up as much width as necessary.
This is an inline <span> element inside a paragraph.
Examples of inline elements:
∙ <span>
∙ <a>
∙ <img>
The <span> Element
The <span> element is an inline element that is often used as a container for some text.
The <span> element has no required attributes, but style and class are common.
When used together with CSS, the <span> element can be used to style parts of the text:
Example
<h1>My <span style="color:red">Important</span> Heading</h1>

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Find out the difference between HTML <div> element and HTML <span> element.

5.2.2. Task 2
Write HTML code for the following:
Don’t forget to complete your homework before lab.

130
 University of Wah
Department of Computer Science,
Faculty of Computing

6. Procedure and Tools

6.1. Tool(s)
Notepad and Google Chrome

6.2. Setting up Tool [Expected time = 5 mins]

Set up both the tools and save a notepad file named “yourNmae_lab12”.

6.3. Walkthrough Task [Expected time = 35 mins]

Create the following table along with all the formatting.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Write code in HTML for the following:
Don’t forget to complete your homework labwork in lab.

7.2 Practice Task 2 [Expected time = 20 mins]

Write code in HTML to design the following and add link on the attached image.

131
 University of Wah
Department of Computer Science,
Faculty of Computing
7.3 Practice Task 3 [Expected time = 10 mins]
Create the following ordered and unordered list:
1. Coffee
2. Tea
 Black tea
 Green tea
3. Milk

Table 31-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2
T3

8. Evaluation Task (Unseen) [Expected time = 80 mins]

8.1. Design a page to display the courses offered in BSCS in different semesters by using List tag.
8.2. Create a page that contains a table corresponding to your class Timetable.

8.3.1. Create a page that contains an unordered grocery list.

8.3.2. Underline the most important items that you need to get.
8.4. Display an image that when clicked will link to a search engine of your choice.
8.5. Display a table like given below.

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 32- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 10 132
 University of Wah
Department of Computer Science,
Faculty of Computing
4 7.2 Practice Task 2 10
5 7.3 Practice Task 3 10
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

133
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-13
Networking with CISCO

134
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Contents
1. Introduction 8
2. Activity Time-boxing 8
3. Objective(s) of the Experiment 8

4. Concept Map 9
4.1 Required Files 9
4.2 Procedure 9

5. Homework before Lab 16

5.1 Problem Solution Modelling 16
5.2 Practice from Home 16
5.2.1. Task 1 16
5.2.2. Task 2 16

6. Procedure & Tools 17

6.1 Tools 17
6.2 Setting-up Notepad and Chrome [Expected time = 5 mins] 17
6.3 Walk-through Task [Expected time = 35 mins] 17

7. Practice Tasks 19
7.1 Practice Task 1 [Expected time = 10 mins] 19
7.2 Practice Task 2 [Expected time = 10 mins] 19

8. Evaluation Task (Unseen) [Expected time = 100 mins] 20

9. Evaluation Criteria 20
10. Further Readings 21
10.1 Books 21
10.2 Slides 21

135
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 13: Networking with CISCO

1. Introduction
Internetworking is combined of 2 words, inter and networking which implies an association between totally
different nodes or segments. This connection area unit is established through intercessor devices akin to
routers or gateway. The first term for associate degree internetwork was catenet. This interconnection is
often among or between public, private, commercial, industrial, or governmental networks. Thus, associate
degree internetwork could be an assortment of individual networks, connected by intermediate networking
devices, that function as one giant network. Internetworking refers to the trade, products, and procedures that
meet the challenge of making and administering internet works.
To enable communication, every individual network node or phase is designed with a similar protocol or
communication logic, that is Transfer Control Protocol (TCP) or Internet Protocol (IP). Once a network
communicates with another network having constant communication procedures, it’s called Internetworking.
Internetworking was designed to resolve the matter of delivering a packet of information through many
links.
There is a minute difference between extending the network and Internetworking. Merely exploitation of
either a switch or a hub to attach 2 local area networks is an extension of LAN whereas connecting them via
the router is an associate degree example of Internetworking. Internetworking is enforced in Layer three
(Network Layer) of the OSI-ISO model. The foremost notable example of internetworking is the Internet.

2. Activity Time-boxing
Table 33-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Browser 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 10+10 (mins) 20 mins
8 Evaluation Task 100 mins for all tasks 100 mins
Total Time 180 mins

3. Objective(s) of the Experiment

After performing this lab, students shall be able to understand:
 Basic concepts in internetworking
 How to Build a Switch-based Network
 Apply IP addresses to workstations
 Be familiar with the functions of a switch

136
 University of Wah
Department of Computer Science,
Faculty of Computing
4. Concept Map

4.1. Required Files:

To complete this lab, you will need the following Packet Tracer Activity (.pka) files.
 5.1.13b Building a switch-based network.pka

4.2. Procedure
Familiarize yourself with PT 4.0 help menu, in case you have questions. Open 5.1.13b Building a switch-based
network.pka and follow the Instructions, which are repeated below:
 Step 1 - Create 2 PCs, naming one Server and one Client as shown in the diagram above.
 Step 2 - Add a 2950-24 switch to the network. Connect the Server and the Client to the switch.
 Step 3 - Configure the Server to use IP address 192.168.1.1/24 and the Client IP address
192.168.1.2/24.
 Step 4 - Test connectivity between the Server and Client using the PING command in real-time mode.
Correct any errors and test connectivity again.
 Step 5- Test connectivity between the Server and Client using the PING command in simulation mode.
Correct any errors and test connectivity again.

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Briefly explain the three units of internetworking.

5.2.2. Task 2
Explain what does the ping and traceroute commands do in CISCO packet tracer.

6. Procedure and Tools

6.1. Tool(s)
Packet Tracer

6.2. Setting up Tool [Expected time = 5 mins]

Setup packet tracer and create a project named “yourName_lab13”.

6.3. Walkthrough Task 137

[Expected time = 35 mins]
 University of Wah
Department of Computer Science,
Faculty of Computing
Design a basic network topology using the steps given above in section 4.2.

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Configure a basic switch (PT-Switch) in packet tracer. You can take help from the following link.

7.2 Practice Task 2 [Expected time = 10 mins]

Configure IP addresses on 2 PCs using ipconfig command in Cisco packet tracer. You can take help from the
following link.

Table 34-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1
T2

8. Evaluation Task (Unseen) [Expected time = 100 mins]

Desing the network topology using 2 switches given below and Ping the PCs to check their reachability.

138
 University of Wah
Department of Computer Science,
Faculty of Computing

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 35- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 15
4 7.2 Practice Task 2 15
6 8 Evaluation Task (unseen) 45
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

139
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB-14
Interacting with LAN Routers

140
 University of Wah
Department of Computer Science,
Faculty of Computing

Table of Contents
1. Introduction 8
2. Activity Time-boxing 8
3. Objective(s) of the Experiment 8

4. Concept Map 9
4.1 Required Files 9
4.2 Procedure 9

5. Homework before Lab 16

5.1 Problem Solution Modelling 16
5.2 Practice from Home 16
5.2.1. Task 1 16

6. Procedure & Tools 17

6.1 Tools 17
6.2 Setting-up Notepad and Chrome [Expected time = 5 mins] 17
6.3 Walk-through Task [Expected time = 35 mins] 17

7. Practice Tasks 19
7.1 Practice Task 1 [Expected time = 10 mins] 19

8. Evaluation Task (Unseen) [Expected time = 110 mins] 20

9. Evaluation Criteria 20
10. Further Readings 21
10.1 Books 21
10.2 Slides 21

141
 University of Wah
Department of Computer Science,
Faculty of Computing

Lab 14: Interacting with LAN Routers

1. Introduction
A router is a device that connects two or more packet-switched networks or subnetworks. It serves two
primary functions: managing traffic between these networks by forwarding data packets to their intended IP
addresses, and allowing multiple devices to use the same Internet connection.
There are several types of routers, but most routers pass data between LANs (local area
networks) and WANs (wide area networks). A LAN is a group of connected devices restricted to a specific
geographic area. A LAN usually requires a single router.
Think of a router as an air traffic controller and data packets as aircraft headed to different airports (or
networks). Just as each plane has a unique destination and follows a unique route, each packet needs to be
guided to its destination as efficiently as possible. In the same way that an air traffic controller ensures that
planes reach their destinations without getting lost or suffering a major disruption along the way, a router
helps direct data packets to their destination IP address.
To direct packets effectively, a router uses an internal routing table — a list of paths to various network
destinations. The router reads a packet's header to determine where it is going, then consults the routing table
to figure out the most efficient path to that destination. It then forwards the packet to the next network in the
path.

2. Activity Time-boxing
Table 36-Activity Time-boxing

Task No. Activity Name Activity Time Total Time

5.1 Solution Modelling 20 mins 20 mins
6.2 Setting up Browser 5 mins 5 mins
6.3 Walkthrough Task 35 mins 35 mins
7 Practice Tasks 10 mins 10 mins
8 Evaluation Task 110 mins for all tasks 110 mins
Total Time 180 mins

3. Objective(s) of the Experiment

After performing this lab, students shall be able to understand what are:
 Add devices to the network
 Configure static IP addressing to PC0 and PC1

142
 University of Wah
Department of Computer Science,
Faculty of Computing

4. Concept Map

4.1. Required Files:

To complete this lab, you will need the following Packet Tracer Activity (.pka) files.
 Connecting_Router_LAN_Interfaces.pka

4.2. Procedure
Open the “Connecting_Router_LAN_Interfaces.pka” file and follow the Instructions, which are repeated here:
 Step 1 - Add a 2620XM router, a 2950-24 switch, and two generic PCs.
 Step 2 - Configure the Fast Ethernet port on the router using the IP address 192.168.1.1/24.
 Step 3 - Configure PC0 to use the IP address 192.168.1.2/24 and PC1 to use the IP address
192.168.1.3/24. Make sure to use the appropriate default gateway.
 Step 4 - Use the appropriate cable types to connect the switch to the router and the two PCs to the
switch.
 Step 5 - Verify connectivity. From PC0 use the PING command to test connectivity to PC1.

5. Homework before Lab

5.1 Problem solution modeling

You are required to bring a document with you having solution of the home tasks and submit it to your lab
instructor.

5.2 Practice from home

5.2.1. Task 1
Briefly explain the difference between Router and a Switch.

6. Procedure and Tools

6.1. Tool(s)
Packet Tracer

6.2. Setting up Tool [Expected time = 5 mins]

Setup packet tracer and create a project named “yourName_lab14”.

6.3. Walkthrough Task [Expected time = 35 mins]

Design a basic network topology using the steps given above in section 4.2.

143
 University of Wah
Department of Computer Science,
Faculty of Computing

7. Practice Tasks
This section will provide more practice exercises which you need to finish during the lab. You need to finish
the tasks in the required time.

7.1 Practice Task 1 [Expected time = 10 mins]

Configure a router with 2 PCs in packet tracer. You can take help from the following link.

Table 37-Confirmation of Practice Tasks

Practice Tasks Confirmation Comments

T1

8. Evaluation Task (Unseen) [Expected time = 110 mins]

Desing the network topology using 2 switches and 1 router as given below and Ping the PCs to check their
reachability:

144
 University of Wah
Department of Computer Science,
Faculty of Computing

9. Evaluation Criteria
The evaluation criteria for this lab are based on the completion of the following tasks. Each task is assigned
the marks percentage which will be evaluated by the instructor in the lab whether the student has finished the
complete/partial task(s).

Table 38- Evaluation of the Lab

No. Task No. Description Marks

1 5.2 Practice from Home 20
2 6 Procedure and tools 5
3 7.1 Practice Task 1 20
4 8 Evaluation Task (unseen) 55
Total Marks 100

10. Further Readings

10.1 Books
Livesley, Robert Kenneth. An introduction to automatic digital computers. Cambridge University Press,
2017.

10.2 Slides
The slides and reading material can be accessed from the google classroom.

145
University of Wah
Department of Computer Science,
Faculty of Computing

Lab Manual for Applications of

Information & Communication
Technologies

LAB Sessional-II
And Viva Voce

146