Component Level Design for WebApps

Component Level Design for WebApps

• Introduction : A WebApp component is 
• (1) A well-defined cohesive (Interrelated) function that manipulates content or provides computational or data processing for an end user 
• (2) A cohesive package of content and functionality that provides the end user with some required capability. 
• Therefore, component-level design for WebApps often incorporates elements of 
• Content design 
• Functional design.
• Content Design at the Component Level 
• Content design at the component level focuses on content objects and the manner in which they may be packaged for presentation to a WebApp end user. 
• The formality of content design at the component level should be tuned to the characteristics of the WebApp to be built. 
• However, as the size and complexity (of the WebApp, content objects, and their interrelationships) grows, it may be necessary to organize content in a way that allows easier reference and design. 
• For example, consider a Web-based video surveillance capability within SafeHomeAssured.com. Among many capabilities, the user can select and control any of the cameras represented as part of a floor plan, require video-capture thumbnail images from all the cameras, and display streaming video from any one camera.
•  Functional Design at the Component Level 
• Modern Web applications deliver increasingly sophisticated processing functions that 
• (1) Perform localized processing to generate content and navigation capability in a dynamic fashion, 
• (2) Provide computation or data processing capability that is appropriate for the WebApp’s business domain, 
• (3) Provide sophisticated database query and access, 
• (4) Establish data interfaces with external corporate systems. 
• To achieve these (and many other) capabilities, you will design and construct WebApp functional components that are similar in form to software components for conventional software.