You are on page 1of 13

1607126 INFORMATION TECHNOLOGY

INDEX
S.NO OBJECTIVE Page Date Signature
no.
1. Draw the Use Case Diagram of any 2-10
Desktop Application / Web Application
using UML pad.
2. Apply Test Cases
A. Only small alphabets are acceptable in
user id.
B. Min 6 Max 9 character in username.
C. Password can be alphanumeric.
D. Null value in Username and
password is not acceptable.

1
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

1. Draw the use case diagram of any Desktop


Application/ Web Application UML pad.
UML diagrams describe the boundary, structure, and the
behavior of the system and the objects within it. One of the
UML pad we are using in the following Practical experience
is Umbrello developed by The Umbrello Team.
Having a good model of your software is the best way to
communicate with other developers working on the project
and with your customers. A good model is extremely
important for medium and big-size projects, but it is also
very useful for small ones. Even if you are working on a
small one man project you will benefit from a good model
because it will give you an overview that will help you code
things right the first time.

UML is the diagramming language used to describing such


models. You can represent your ideas in UML using
different types of diagrams. Umbrello UML Modeller 2.11
supports the following types:
1. Class Diagram
2. Sequence Diagram
3. Collaboration Diagram
4. Use Case Diagram
5. State Diagram
6. Activity Diagram
7. Component Diagram
8. Deployment Diagram
9. Entity Relationship Diagram
In this Practical module we will be doing hand on experience
with use case diagrams.

2
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

What is Use Case Diagram?


1. Describe the relationships and dependencies of (between
a group of Use Cases and the Actors) participants in the
process.
2. Meant to facilitate the communication with the future
users of the system, and with the customer
3. Helpful to determine the required features the system is to
have.
4. Use Case Diagrams tell, what the system should do. (But
do not -- and cannot -- specify how this is to be achieved.)
Use Case:-
A Use Case diagrams describes:
· Point of view of the actors (a group of activities in a system
that produces a concrete, tangible result.)
·Interactions between the users of a system and the system
itself.
·Represent the external interface of the system and specify a
form of requirements of what the system has to do.
·Each Use Case is related to at least one actor, has an initiator
(i.e. an actor) and leads to a relevant result.
Actor:-
A Use Case diagrams describes:
· An external entity
· Interaction with the system by participating (and often
initiating) a Use Case.
· Real life people (for example users of the system), other
computer systems or external events.
·Role of the user.

3
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

Drawing the Use Case Diagrams:-


1. Airport checking and security system.

2. Atm process:-

4
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

3. Hotel Management:-

4. Restaurant food system:-

5
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

5. E-Library online management:-

6
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

6. Online Examination system:-

7. Hospital management:-

7
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

8. Software protection and licensing:-

8
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

9. Point of sales terminal:-

9
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

10. Online Shopping:-

10
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

2. Apply Test Cases:

 Only small alphabets are acceptable in user id.


 Min 6 Max 9 character in user id.
 Password can be alphanumeric.
 Null value in user id and password is not acceptable.
Code:-
<!Doctype html>
<html>
<head>
<title>Sign up form</title>
<script>
function alert_form(){
var n = document.forms["myForm"].value;
if(n == ""){
alert("All data must be filled out");
return false;
}}
</script>
<style>
#example1 {
background-image: url("images (1).jpg");
border:10px solid pink;
padding:35px;
}
</style>
<h1 style="color:red" text align="center">SIGN UP FORM</h1>
</head>
<div id="example1">
<body>
<form name="myForm" method="post" onsubmit="return
validateForm()">
<fieldset>

11
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

<legend style="font-size:20px;color:blue;">Details of form:-


</legend><br><br>
<label>Username:-</label>
<input type="Username" id="Username" placeholder="Enter user id"
name="UserName" pattern="(?=.*[a-z]).{6,9}" title="Only small
alphabets and Min 6 Max 9 characters are acceptable"
required><br><br><br>

<label>Password:-</label>

<input type="password" placeholder="Enter Password"


name="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="Must contain at least one number and one uppercase and lowercase
letter, and at least 8 or more characters" required><br><br><br>

<button>Ok</button>

<button>Cancel</button>
</fieldset>
</form>
</body>
</html>
Output:-

12
NITESH KUMAR
1607126 INFORMATION TECHNOLOGY

13
NITESH KUMAR

You might also like