Topic 1
Topic 1
Lecture 1
Introduction to Web Interface and its perspectives
Lecture 1: Introduction to Web Interface and its perspectives
Introduction:
In present days the quality, performance, reliability of the web based
system and web application have become very important as the
dependency on them have increased a lot.
And also the demand and expectation from this application have also
increased.
This had led to a much more complex and difficulty to handle the
different phases of web based application.
Introduction:
In this chapter we will give a brief description of the web has evolved and
how the web has been categorized based on its functionality.
Here we also describe the web development limitations and we will also
why there is a need for more sophisticated development model for web.
In the later part of the chapter we will provide a overview of the web
engineering the how the web development model has evolved.
In the conclusion part of this chapter we will see the different challenges
faced by the web engineering researchers and web developers.
Lecture 1: Introduction to Web Interface and its perspectives
Learning Outcome:
At the end of this chapter student will be able to understand the following:
Evolution of web.
Definition of WEB engineering and how the web engineering is not same as
Software engineering.
WEB development.
Topic:
No. Topic Title
1. Evolution of THE WEB
2. WEB development practices
3. WEB engineering
4. Evolutionary WEB development
5. WEB system design: challenges
Lecture 1: Introduction to Web Interface and its perspectives
Learning Outcome:
No. word Definition
1. website Web site consist of more than one related web page,
it comprises of text, video, image etc. it will be
hosted on one or more web servers. It can be
accessed via network such as internet through
Uniform Resource Locator (Internet Address).
2. Markup Language The markup language was specifically developed so
that they can be used for presentation, definition and
processing of text in the web pages. There are
specific codes that can be used for specifying the
layout and style. This code is contained in the text
file. The code for specifying the formatting of text are
called TAGS. XML and HTML are one of the example
of mark-up language.
3. Hypertext The text is used to connect to other web page. It is
not compelled to be linear.
Lecture 1: Introduction to Web Interface and its perspectives
Terminology:
No. word Definition
4. Hyper Text Markup It is the most widely used mark-up language used in
Language (HTML) the web today. It uses tags for designing the web
pages. It is used to structure the multimedia, text
content in the WebPages. It is also used to construct
hyper link so that they can connect to other pages.
5. XML XML (EXtensible mark-up language), it is similar to
the HTML, but it is used for transporting the data
from one location to another. ity does not display
data and its self-descriptive. It was recommended by
the W3C.
6. Semantic Web The web is used to so that things can be understand
by the computers. It explains the relationship
between two parties A and B and also their attributes
(Price, Size, Weight).
Lecture 1: Introduction to Web Interface and its perspectives
Terminology:
No. word Definition
4. Holistic Holistic means they are concerned with or related to
the complete system rather than on focusing on the
treatment of, analysis of or dissection of individual
parts.
Lecture 1: Introduction to Web Interface and its perspectives
Terminology:
The WEB can be presumed as a large network, which is formed by
interconnecting various parts, this is useful in many ways, it is considered to
be easy to get insode the web, but extremely difficult to come out.
The WEB initial objective was for sharing of information via multiple web
pages and just using the text data.
In a matter of 10 years the number of websites has grown from just 100 to
more than 45 million web sites.
Lecture 1: Introduction to Web Interface and its perspectives
Mobile web application: these are has developed and evolved a lot
since the advances in the wireless technology, communication devices
and portable computing.
The evolution of Web has brought many different thing together some of
them are study of information, media , communication technology, and use
of different types of information any where and any time and can be used by
different devices such as desktop, tablets, notebooks, mobile phones etc.
Lecture 1: Introduction to Web Interface and its perspectives
The process here involves a lot of artistic side just like the process used for
designing layout for park, designing building and their construction. But it
requires much more than this, it requires a following of systemic process and
it not just putting together a set of related web pages together as most of us
think it is.
While developing the many attributes of web based system are not given
proper attention, some of these attributes are compatibility, maintainability,
security, interoperability and reliability. Some of the web system lack basic
evaluation, testing and documentation.
Lecture 1: Introduction to Web Interface and its perspectives
The software engineering and the web engineering have 2 common phases
the software development and programming phases and both are not similar
to one another.
Most of the web application, it is difficult to mention clearly and fully the
requirement of the systems or what the system should possess as the initial
stages as compared to the final stages. Hence the web application are said to
be evolutionary.
Some of the challenges faced by the developers of the web application and
the users of this web applications are:
The issues such as security, slow access, failure of threats of web system
may cause loss in number of customers.
Its is difficulty to satisfy all the customer who have different needs and vary
in skill level.
Lecture 1: Introduction to Web Interface and its perspectives
Summary:
In this lesson, the following has been discussed:
Many Web systems also lack proper testing, evaluation and document.
Causes of failure of Web applications include lack of vision and improper
goals, flawed design and development process and poor management of
development effort. Web Engineering uses scientific, engineering, and
management principles and systematic approaches to successfully develop,
deploy, and maintain high-quality Web systems and applications. The
emerging discipline of Web engineering advocates a holistic, disciplined
approach to successful Web development. It aims to bring Web-based system
development under control, minimize risks and improve quality,
maintainability, and scalability of Web applications. Web engineering and
software engineering both involve programming and software development
but it cannot be considered as recreation of software engineering.
Lecture 1: Introduction to Web Interface and its perspectives
Summary:
Diverse areas like requirements engineering, human computer interaction,
hypermedia/hypertext engineering, graphics engineering, systems analysis
and design, testing modeling and simulation, information indexing and
retrieval, project management etc contribute and make web engineering a
multidisciplinary.
Lecture 1: Introduction to Web Interface and its perspectives
A) Business people and developers must work together daily throughout the
project.
B) Working software is the primary measure of progress.
C) The best architectures, requirements, and designs emerge from self–
organizing teams.
D) Avoid all documentation in order to eliminate bureaucracy
E) Welcome changing requirements, even late in development. Agile
processes harness change for the customer's competitive advantage.
Lecture 1: Introduction to Web Interface and its perspectives
5. An umbrella activity
A) Embrace change
B) Suppress creativity and dependence of developers
C) Emphasize incremental development using short development cycles
D) All of the above
E) Some of the above
F) None of the above.
Lecture 1: Introduction to Web Interface and its perspectives
A) Take the time to understand business needs and product objectives, even
if the details of the WebApp are vague.
B) Minimize opportunities for the client to suggest changes.
C) Develop a project plan, even if it’s very brief.
D) Don’t reinvent when you can reuse.
E) Don’t rely on early users to debug the WebApp—design comprehensive
tests and execute them before releasing the system.
Lecture 1: Introduction to Web Interface and its perspectives
A) Sketch out the design of the home page and build a prototype that you
think will meet user’s needs
B) Collect all of the content that you think will be needed
C) Talk with potential users in an effort to understand what they want how
they’ll interact with the WebApp
D) None of the above
Lecture 2
A Practical Process For Web Engineering
Lecture 2: A Practical Process For Web Engineering
Introduction:
The web application is a information system that is made of more than one
web pages which is generated when requested by a user and it can be used
to deliver a complex functionality and content to large population of end
user.
Introduction:
In this chapter we will look explain in details the AWH (Augmented
WebHelix) that extents the WH (WebHelix), it does so by allowing a
continuous and release feature at the end of each phase and by giving a
qualitative evaluation framework which is know as PEF (Project Evaluation
Framework) and evaluating the status of the project using a systematic
approach; and capability to evaluate the project after every phase of helix
slice. In the second part of the chapter we will describe the PEF process and
framework and derivatives.
Learning Outcome:
List of Topic:
Terminology:
No. word Definition
1. Web Application It is a collection of web pages, which is generated to a
request from the user, it is also used to deliver
content of complex nature and functionality to a
large end user population.
2. Waterfall Model This describes software engineering method which
follows a development model that is sequential and
linear.
3. Spiral Method It’s a evolutionary version of the well known
development model the incremental prototyping.
4. Framework In term of software engineering the term framework
means a concept where the generic functionality
provided by the software can be changed by code,
hence a providing software which are specific to
application.
Lecture 2: A Practical Process For Web Engineering
Terminology:
No. word Definition
5. Information System A collection of components used for collecting,
processing, storing and information
communication.
Lecture 2: A Practical Process For Web Engineering
Web application has all the modules required for performing the functions
of business. All the implementation must follow a systematic and practical
methodology. We may also later use some kind of approach toward project
management which is required for application building.
All most all the currently available model are a extension of the software
engineering processes standards.
Spiral model is a iterative process, this will be ideal for developing web
application.
Lecture 2: A Practical Process For Web Engineering
UML are object oriented and iterative. They have been used in the Agile
Unified process (AUP) and Rational Unified Process (RUP).
The bellow mentioned choices are given to the project at the end of
each slice so that the project better reflect the real world.
The bellow mentioned choices are given to the project at the end of
each slice so that the project better reflect the real world.
The process will start with the PreHelix1 (Business analysis) and PreHelix2
(Planning phase).
The process enter the initial phase after the planning phase. Each slice
consist if the analysis phase, design phase, coding phase and testing phase.
Analysis is the first phase of the slice.
After every stage of the slice there exist a evaluation phase (ε used for
representing the evaluation phase). Here a decision is take to whether to
continue to next phase or not using the PEF.
Lecture 2: A Practical Process For Web Engineering
If we decide to continue at the end of helix slice, then there exist 2 possible
path for the project. To proceed to the Analysis phase or other one is to
proceed to the development phase of the project.
Lecture 2: A Practical Process For Web Engineering
NFR can be used for software artifacts, evaluating process and establishing
traceability. It is
Goal oriented
Process oriented
Qualitative.
Lecture 2: A Practical Process For Web Engineering
Factor Independence Graph (FIG) is produced after the testing phase after
completing the steps of the Project Evaluation Framework. It is used to create
a relation among the factor that will affecting the continue and release stage.
Lecture 2: A Practical Process For Web Engineering
Figure 2.3: The flow of the Games E-Store Project through AWH process
Lecture 2: A Practical Process For Web Engineering
Summary
In this lesson, the following has been discussed
Summary
After the final slice the post helix phases of deployment (Deploy or
PostHelix1) and maintenance (Maintain or PostHelix2) are performed. If a
Continue decision is made at the end of a slice then the project can proceed
along two paths simultaneously— one taking it to the Analysis phase of the
subsequent slice and the other taking the project to the deployment phase.
Lecture 2: A Practical Process For Web Engineering
A) It is a download WebApp
B) It is an interaction WebApp
C) It is a transaction-oriented WebApp
D) All of the above
E) None of the above
Lecture 2: A Practical Process For Web Engineering
A) It is a download WebApp
B) It is an interaction WebApp
C) It is a transaction-oriented WebApp
D) All of the above
E) None of the above
5. Any WebApp can begin as a simple informational site and evolve into
another category over time.
A) True
B) False
Lecture 2: A Practical Process For Web Engineering
A) True
B) False
A) True
B) False
A) True
B) False
Lecture 2: A Practical Process For Web Engineering
A) Verbal descriptions
B) Executable prototypes
C) Sketches
D) Graphical representations
17. The construction activity incorporates both code generation and testing.
A) True
B) False
Lecture 2: A Practical Process For Web Engineering
A) Change management
B) Design
C) Quality assurance
D) Risk management