Name:

Nasir Rasool
Registration No:
2018-uam-1254
Paper:
Human Computer Intrection

Short Question.
(2)
Ans:
By following method development team can understand the basic need of application
user
1) Analysis and planning
2) Requirements
3) Design and prototyping
4) Software development
5) Testing
6) Deployment
7) Maintenence and updates
(1)
Ans:
Following techniques should be used
Two key reasons for consistency and standard
1) Reduce learning
2) Eliminate Confusion
Five way to achieve consistency
1) Choice of language
2) Apply IU elements
3) Beautiful layout
4) No mistakes 5) Consistent visual
 (3)
Ans:
Useful techniques for website application interface
1)Interface elament on demand
2) Specialized control
3) Disabled press buttons
4) Shadows around modal windows
5) Use contrast and highlights
6) Use colours to seek attention

(4)
Ans:
Visual are materials that have an effect on the sense of sight. They are
communication devices that serve a concrete referents to the spoken or written word. In
written language and managing text we take care of the number of lettering style. We
have to understand where to use capitals, where we use lettering color, lettering size
and spacing between letters.

Long Questions
Question No 2:
Ans:
(HCI)

Human computer interaction (HCI) is an area of research and practice.HCI has

expanded rapidly and steadily attracting professionals from many other disciplines
and incorporating diverse concepts and approaches. HCI researches the design and
use of computer technology, focusing particularly on the interfaces between people
(users) and computers. Researchers in the field of HCI both observe the ways in
which humans interact with computers and design technologies that let humans
interact with computers in different ways. It is the study of how people use
computers throughout their lives.

Usability is one of the key concepts in the HCI. It is concerned with making systems
easy to learn and use. A usable system is

1) easy to learn

2) easy to remember how to use

3) effective to use

4) safe to use

5) efficient to use

We provide an overview of the content of the special issue on “Humam computer

interaction in smart environment.The aim of this special issue is to highlight
technology and solutions encompassing the use of mass market sensors in current
and energing application

Sensors continue to rapidly evolve becoming increasingly smaller,cheaper, more

accurate, more realiable, efficient, responsive, and also increasing communication
capability.These key factors, as well as the availability of new technologyies are
contributing to the market of consumer electronics sensors,thus reducing their
costs.

Question No 1:

Ans:
E-government and E-Commerce facilities help citizens to benefit from governmental
services and shopping facilities while being at home. Website design is an essential part
of e-government and e-commerce infrastructures. Usability aspects can enhance the
user experience and lack of usability can de-motivate users and eventually they may
leave that portal. In this paper we present the results of our research on Pakistani E-
government and E-commerce websites. Although, Pakistan is digitally not so advanced
country but still government and business enterprises are focusing to use online
dimension. We have carried out two studies, in first study we evaluated three e-
government websites and in second study we evaluated three e-commerce websites in
Pakistan. We found that these websites have some usability issues and improvement in
these issues can significantly improve the user experience. The results are helpful for web
designers, practitioners and policy makers for fostering successful adoption of E-
government and E-commerce frameworks.

Pakistan have user frindly website of every department. some are given below;such as
1) WAPDA:
In this website we can do complain any issue of wapda
2) Agriculture Department kp;
 This department has solve ann issue of related to agriculture ,if u need help or u have
question then u shall use this app
3) Police Department;
Now you can report online about any crime to Police
4) Excis Department
5) FBR
6) Pakistan Citizen Portal;
It can use for any issue from any Goverment deparment of pakistan then we able to
complain on this portal
7) NADRA;
In this department Now we can add the name of new born in order to get birth
certificate and died person in order to get death certificate online
8) Ehsas program
In this program government issues loan to thier people for thier business though
online system
9) HEC
Education department is also works through online system to send results of
students etc.
10) COVID_19
11) Pakistan railway

PRACTICAL
Question No 1
<html>
<head>
<title> log in page</title>
</head>
<body bdcolor = “‘red" c”><br><br><br><br><br><br><br><br><br>
<from align= “ right” scrollamount=”3” bdcolor=”brown” loop=”4”> <title>
<center > user name:<input type=”text maxlengt=”12” placeholders="enter user name"
><br>

<center > password:<input type=”password" maxlengt=”12” placeholders="enter

password" ><br>
<div>
<a hr ef =”Register.html”>center amount</a>
</div>
<a hr ef =” practice till 26.html “ <button type =”submit”>log in </button></a>
<button type=”reset “>clear </button>
</form>
</body>
</html>
Practical
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nasir portfolio</title>
<link rel="stylesheet" href="nasir.css">
</head>
<body>
<div class="main">
<div class="name">
<h1>Nasir Rasool</h1>
<h6>In request of a suitable portfolio, carrier oriented job and a challenging
assignment
leading to responsible <br>position and to be adaptable to adjust myself in any
esteemed organization
of Pakistan.</h6>
</div>

<div class="side">
<div class="pic">
<img src="nasir.jpeg">
 </div>
<div class="w">
<h2><I>PERSONAL INFORMATION </I>
</h2>
<n>
<h3>
Address.
<h4> Basti Malook</h4>
</h3>
<h2>
<I> Date of Birth.</I>
</h2>
15-01-2000
<h2><I>Contact.</I></h2>
<p>03084345214</p>
<p> nasirrasool745@gmail.com</br>
<h4>CNIC No:</h4>36201-1274042-3</p>
<h4>Religion:</h4> Islam</br>
<h4>Nationality:</h4> Pakistani</br>
<h4> Marital Status:</h4> Single</br>
</n></div>
</div>
<h1>
<I>EDUCATION</I>
</h1>

<div class="row"style="background-color: lightgray;border-top: 2px solid

black"><h5><b><i>Acadmic Qualification</i></b></h5></div><br>
<table style="width:60%">
<tr style="background-color: #B8B2B3;height: 50px">
<I>
 <th>Degree </th>
<th>year</th>
<th>Obtained/Total Marks</th>
<th>Board/University</th>
</tr>
<tr>
<td>Matric</td>
<td>2015</td>
<td>818/1100</td>
<td>Multan Board</td>
</tr>
<tr>
<td>F.Sc</td>
<td>2018</td>
<td>818/1100</td>
<td>Multan BOARD</td>
</tr>
<tr>
<td>BSCS</td>
<td>2018-22</td>
<td>3.2 CGPA</td>
<td>MNS-UA-Multan (continue)</td>
</tr>
<tr>
2014-2016&emsp;&emsp;&emsp;&emsp;&emsp;Matric ( Ibn e qasim) <br/>
2016-2018&emsp;&emsp;&emsp;&emsp;&emsp;Inter (ghhss makhdoom
aali)<br/>
2018-2022&emsp;&emsp;&emsp;&emsp;&emsp;BS(Computer
Science)<b>&emsp;MNS-UA Multan</b><br/>
<br/><br/>
<td> </td>
<td> </td>
 <td> </td>
<td> </td>
</tr>
</table><br><br>

</I>

</div>

<h2><I>SKILLS</I></h2>

</div>
<div class="line"></div>
<div class="text">
<ul style="list-style-type:circle;">
<li>Able to learn QUICKELY</li>
<li>Very Communicative</li>
<li>Friendly with Softwares</li>
</ul>
<br/><br/>
</div>
<h2><I>PERSONALITY</I></h2>
<div class="text">
<div class="line"></div>
<ul style="list-style-type:circle;">
<li>PASSIONATE</li>
<li>FOCUSED</li>
<li>ENTREPRENEUR TO BE</li>
</ul>
<BR/><BR/>
</div>
<h2><I>SOFTWARE SKILLS</I></h2>
 <div class="line"></div>
<div class="text">
Microsoft Word &emsp;&emsp;&emsp;&emsp; &emsp; &emsp;
&emsp;<b>&frac34;</b><br/>
Microsoft Power Point
&emsp;&emsp;&emsp;&emsp;&emsp;<b>&frac34;</b><br/><br/>
</div>
<h2><I>LANGUAGES&emsp;&emsp;&emsp;&emsp; &emsp; &emsp;
&emsp;&emsp;&emsp;&emsp;&emsp; &emsp; &emsp;HOBBIES</I></h2>
<div class="line"></div>
<div class="text">
English&emsp;&emsp;&emsp;&emsp; &emsp; &emsp;
&emsp;<b>&frac34;</b>&emsp;&emsp;&emsp;&emsp; &emsp; &emsp;
&emsp;&emsp;&emsp;&emsp; &emsp; &emsp; &emsp; &emsp; &emsp;
&emsp; &emsp; &emsp; &emsp; &emsp;&emsp;&emsp;&emsp;&emsp; &emsp;
&emsp;Gamming<br/>
Urdu &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;
&emsp;<b>&frac34;</b> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &emsp; &emsp;
&emsp; &emsp; &emsp; &emsp;&emsp;&emsp;&emsp;&emsp; &emsp;
&emsp;Music<br/>
</div>
</div>

</div>
</body>
</html>

Css
.name{
font-size: larger;
display: inline-block;
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
}
 .small{
font-style: oblique;
padding-left: .5cm;
}
.side{
float: right;
border: solid black;
width: 10cm;
height: auto;
display: inline-block;

background-color: cadetblue;
}
body{
background-color: azure;
margin-left: .5cm;
}
.pic{
padding: 5%;
width: 50%;

}
img{
width: 100%;
height: 100%;
object-fit:cover;
}
.line{
width: 100%;
border:black;
}
.text{
padding-top: .5cm;
}
.w{
margin: 15px;
}
.row
{
display: inline;
}