– Class diagram: to model the structural. aspects of information[r]
Trang 2Modeling web
applications
Trang 4• Introduction to RE
• RE basics
• Requirements specification
• RE process
• RE specifics in web engineering
– use-case diagram
Trang 5• Requirement modeling
– use-case diagram
– activity diagram
• Content modeling
• Navigation modeling
• Presentation modeling
• Technologies for web applications
• Testing web applications
Trang 6• The information provided by a web
application is one of the most important factors for the success of that application
• Content modeling aims at modeling the information requirements of a web
application
– diagraming the structural and behavioral
aspects of the information
– ignores the navigational information
6
Trang 7• Key models
aspects of information
behavioral aspects of information
Trang 8• Class diagram describes the structure
of a system by
– system’s classes
– class attributes
8
Trang 9• Elements of a class diagram:
– class is represented by a rectangle with three compartments
• name
• attributes
• methods
Class name Attributes Methods
Trang 10• Elements of a class diagram:
– an attribute describes a piece of
information that an object owns
• specified by name
• kind (data type)
• visibility (+, - , #)
• default value
• visibility name : type= default value
users + name : String + email : String + password :
10
Trang 11• Elements of a class diagram:
done with them)
• name
• arguments
• visibility (+, - , #)
• return value
• visibility name (argument_name:type):
return_value
users attributes
- register(name:string, email:string,password:string):bool
- login(email:string, password:string):bool
11
Trang 12• Elements of a class diagram :
– relationship between classes
• name of relationship
• direction of relationship
12
Trang 13• Elements of a class diagram:
– How many objects participating in the relation
Trang 14• Elements of a class diagram :
– class has features of another class plus some own features
14
Trang 15• Elements of a class diagram:
Trang 16s
- name : string
-email : string
-password : string
-register
-login
video
-videoID : int
+videoTITLE : string
+videoDES : string
+upload()
+search()
1 1
Regist
er user
uploads 0 *
0 *
user
Video Sharing -introduction : string
Trang 17• Use-case diagram : Conference Paper Submission System
Trang 18• Conference Paper Submission System
Source: Web Engineering – Kappel et al.
18
Trang 19• Models how web-pages are linked
together
– defines the structure of the hypertext
• Which classes of the content model can be visited by navigation
– Content to navigation
– http://uwe.pst.ifi.lmu.de/teachingTutorialNa vigation.html
Trang 20• UWE navigation modeling
– navigationClass
– Index
– query
– processClass
– Processlink
– Navigation link