Lecture Introduction to web engineering - Lec 6: Modeling web applications. After studying this chapter you will be able to understand: System modeling, requirement modeling, use-case diagram, activity diagram, requirement modeling, use-case diagram, activity diagram, content modeling, navigation modeling, presentation modeling. | Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 1 System modeling Requirement Modeling use-case diagram activity diagram Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 2 Requirement modeling use-case diagram activity diagram Content modeling Navigation modeling Presentation modeling Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 3 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 Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 4 Key models Class diagram: to model the structural aspects of information State machine diagram: to model behavioral aspects of information Basharat Mahmood, Department of Computer . | Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 1 System modeling Requirement Modeling use-case diagram activity diagram Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 2 Requirement modeling use-case diagram activity diagram Content modeling Navigation modeling Presentation modeling Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 3 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 Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 4 Key models Class diagram: to model the structural aspects of information State machine diagram: to model behavioral aspects of information Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 5 Class diagram describes the structure of a system by system’s classes class attributes operations (methods) relationship among objects Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 6 Elements of a class diagram: class: class is represented by a rectangle with three compartments name attributes methods Class name Attributes Methods Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 7 Elements of a class diagram: Adding attributes: 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 + name : string = ‘ali’ {maximum 25 characters} users + name : String + email : String + password : String methods Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 8 Elements of a class diagram: Adding methods (functions): behaviors (things objects can do or can be done with them) name .