7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
1/13
Information Technology Institute
Intake-33
Software Engineering
Olla Ahmed Aly
Assignment 1: Analyzing Quality Attributes of Websites
In order to compare between Software Quality of websites, the websites are tested based on aset of general scenarios.
In these cases the source is always the end user and the artifact is the website under question
whilst the environment is through browser.
Visitor of sites are mainly concerned in using the site, i.e. its performance, its searching and
browsing functions, its specific user-oriented content and functionality, its reliability, its
feedback and aesthetic features, and ultimately, are interested in its quality of use.
Maintainability and portability are usually not visitor concerns but are necessary for a site to
work well.
- Microsoft Developer Network (MSDN) VS Oracle Technology Network (TechNetwork)The following quality attributes were measured based on finding and accessing the tutorials
and downloading the necessary tools of the sites under question i.e. to find for example in
MSDN to find .NET/Silverlight tutorials and in TechNetwork to find Java/JavaFX tutorials.
o Functionality Stimulus: Testing MSDN and TechNetwork in
Browsing and searching functionality.Choosing LanguageDownloading the required content/tool.
Response: Browsing is defined and interactive in both sites but in MSDN
because of all the technologies bundled together on page
instead of simply choosing the required technology from a
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
2/13
drop down menu, there is confusion but for a certain required
content, it is precise i.e. the page is directed to a content that
is clear and only for that tool.
Searching is simple and precise there is a search box in everypage to ease searching for required content. Results are found
usually in first or second result.
Oracle TechNetwork search box has automatic autocomplete
but MSDN does not.
In MSDN for example while changing the default language toArabic, if session closes and another session is opened,
cookies keep language in Arabic but in Oracle it does not.
In addition in both sites there is lack of functionality and web
pages are not as complete as that of those in English.
In MSDN most of the basic content is available in the language
chosen e.g. in Arabic while sometimes the content in other
pages remains in English.
In oracle, 50% of the basic content is not even available.
In downloading the required content, both sites are veryprecise and with two clicks, the content is usually
downloaded. The downloadable images are clear and large
and in addition with the tools, there is documentation and
tutorials. All Indications of good functionality.
o Reliability Stimulus: Testing MSDN and TechNetwork for any tangling links or
invalid links.
Response: Could not find any while browsing in English but whilebrowsing in other languages, there are many link that are not up yet
and clearly shown in Oracle TechNetwork.
o Usability
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
3/13
Stimulus: Are the sites user friendly? How many clicks did it take meto understand the website? Would I come again to use? What is the
overall design?
Response:MSDN:
o Design: MSDN has a good overall design, everything isarranged neatly, and there is high interactivity with the
user. The Colors of the design properly reflect the
theme and logo of Microsoft but perhaps a perhaps a
drop-down menu in the menu bar for easier navigation
through site. . But after 3-4 pages navigation from
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
4/13
homepage, the theme starts to slightly changes and Is
not exactly like that of the other pages, so the is a lack
of one universal theme applied to all pages.
o Clicks: In order to reach the tutorials, it took me 5clicks, navigating through 5 different pages in order torealize that it was simply only two clicks, i.e. click
tutorials and then MSDN library.
o Arrangement: The content is arranged neatly with sidelinks to allow you to reach specified content easily.
o Fonts and colors: The colors are too light whendisplaying content, would like to see the menu bar
links emphasized more and text size bigger and fonts
more emphasized.
o Site Maps and Help: There is also no site map and nohelp button/link clearly visible.
o Language: Available clearly on right hand side of menubar, an ideal place.
Oracle TechNetworko Design: Oracle has an excellent overall design,
everything is arranged neatly, and there is high
interactivity with the user. The colors properly reflect
the theme of Oracle. But after 4-5 pages navigation
from homepage, the theme starts to slightly changesand Is not exactly like that of the other pages, so the is
a lack of one universal theme applied to all pages.
o Clicks: In order to reach the tutorials, it took me 2clicks, navigating through 2 different pages only.
o Arrangement: The content is arranged neatly with sidelinks to allow you to reach specified content easily.
o Fonts and colors: The colors and fonts are clear andeasy to read.
o Site Maps and Help: There is an easy to use site mapand two help button/link clearly visible, one in themenu bar and one in a side bar.
o Language: The language link is a country/regions linkand is not clear indicator it a language link. In addition
Oracle only supports 5 languages with Arabic not one
of them contrary to the fact, the Arab-Speaking
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
5/13
population is way larger than the Japanese Speaking
population for example.
In conclusion, based on the design and usability of both sites, I would come
again to visit, oracle more for tutorials and downloads while MSDN
preferably for downloads of tools more than tutorials.
o Efficiency Stimulus: Test performance of MSDN and Oracle TechNetwork while
disabling loading of images in chrome.
Response:The response of both sites was slow compared to loading with
images. Yet it was handled properly and neatly.
On MSDN, all images were replaced with text in a neat and proper
format, so MSDN design of website took inconsideration people withdisabilities. But in Oracle TechNetwork, some of the images in the
pages mainly the home page was simply left as block of empty white
space, no alterative text to indicate it.
o Maintainability Stimulus: Test MSDN and Oracle TechNetwork with IE 8, an older
version of IE for compatibility.
Response:Both MSDN and Oracle TechNetwork display the content exactly as in
chrome. That shows that new content is modified and maintained forcompatibility with old versions and old browsers.
o Portability Stimulus: Test MSDN and Oracle TechNetwork on different browsers
i.e. chrome and IE and on different platforms i.e. Windows and
Linuxand in Linux using Mozilla Firefox browser.
Response:Both of MSDN and Oracle TechNetworks work perfectly fine on
different browsers and platforms, and there web pages are slightly
modified to meet the needs of the environment.
o Availability Stimulus: Test MSDN and Oracle TechNetwork at different times of
the day and on different days.
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
6/13
Response:Both sites are available 24-7, and any updates to the systems do not
cause any unavailability of the sites.
- Masrawy VSYoom7The following quality attributes were measured based on finding and accessing the most
important news of the day, early in the morning at 7am and when searching for certain
news.
o Functionality Stimulus: Testing Masrawy and Yoom7 in
Browsing News based on categoriesSearching news on people and places.Sharing News
Response: Browsing is defined and interactive in both sites. In order to
reach news, or to read all important news, it can be done
while browsing the homepage and reading the headlines of all
news available.
Searching is simple and precise there is a search box in every
page to ease searching for required content. Results are found
usually in first or second result.
Youm7 search box remembers searches whilst Masrawy does
not. In addition the searching of people and places in Youm7 is
more accurate.
For e.g. searching Malaysia in Youm7 brought latest and
several other news over the past month while in Masrway, it
was the latest news and the rest mainly articles and the same
is true for people. Searching Mohamed Nagib of Malaysia in
Youm7 bought latest news about the Prime Minister, in
addition to the sports player while in Masrawy it bought news
about the first president of Egypt.
Both sites have easy sharing of news via Facebook, twitter,
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
7/13
google+ and MSN. But Youm7 has additional sharing on blogs
and other sites such as Evernote and WordPress while
Masrawy does not.
In addition in Youm7 there is RSS Feeds available for latest
news while in Masrawy there is no RSS Feeds.
o Reliability Stimulus: Testing Yoom7 and Masrawy for any tangling links or invalid
links.
Response: Could not find any in normal mode but while disablingimages, there were several invalid links in Masrawy as shown below.
o Usability Stimulus: Are the sites user friendly? How many clicks did it take me
to understand the website? What is the overall design?
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
8/13
o Design: Both Youm7 and Masrawy have a good overalldesign, everything is arranged neatly, and there is high
interactivity with the user. The Colors of the design
properly reflect the News theme especially News that
is in Egypt. World News such as Reuters, CNN, BBC,
The Malaysian TheStar as well, have their color theme
as red, so accordance to world standards.
o Clicks: In order to read news of days, most of it can beread in homepage, all headlines are clear and are
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
9/13
changing interactively, and to reach a specific news
usually its not more than 2 clicks from home menu, or
no clicks at all or simply 1 click.
o Arrangement: The content is arranged neatly with sidelinks to allow you to reach specified content easily inYoum7 but this is only.
Only downside to reach news in homepage I must
browse to the end of a large page especially in Youm7
but otherwise when re-directed to another page, in
Youm7 a clear side menu bar is available grouping
news together based on politics, international, sport
news for example.
In Masrway the side menu is available as menu with a
drop down menu for easier grouping.o Fonts and colors: The colors are just right when
displaying content in both sites, usually black or dark
grey.
In Masrway, the color of the links change as link is
opened, an indication that the news has been read but
that feature is not available in Youm7.
o Site Maps and Help: In Youm7, there is a clear sitemap for easier navigation and always a small pop
menu on bottom RHS for feedback.o Language: No Language change is available in both
sites.
In conclusion, based on the design and usability of both sites, I would come again
to visit and read the news.
o Efficiency Stimulus: Test performance of Youm7 and Oracle Masrawy while
disabling loading of images in chrome.
Response:The response of Youm7 was slower compared to loading with images.
The pages were not handled properly and neatly, all of the news were
available but above them there were blocks of empty red or white
space and no alternative text on images to indicate what the news
image.
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
10/13
In Masrawy, some images were replaced with text mainly the latest
headline but most of the images were left without alternative text.
The loading of Masrawy is slower than loading with images.
The performance of Masrway in loading images and web pages
generally is unacceptable as it takes more than 1 minute to load the
homepage sometimes up to 3 minutes depending on the connection
and that is without images.
In addition, if searching the results show many invalid links when
images were disabled.
In conclusion, both sites are not created to handle people with
disabilities since alternative text is needed for Braille users.
In addition, the ads still do appear on the site. The sites are loaded
exactly with same site design as that with images, only difference is
that there are no images, poor design and performance as a result.
o Maintainability Stimulus: Test Youm7 and Masrawy with IE 8, an older version of IE
for compatibility.
Response:Youm7 displays the exact content in IE 8 as in chrome. That shows
that new content is modified and maintained for compatibility with
old versions and old browsers.
But Masrawy sometimes loads fine on IE and sometimes not, due to
large of amount of ads added on the website; somehow IE does not
support it.
o Portability Stimulus: Test Youm7 and Masrawy on different browsers i.e. chromeand IE and on different platforms i.e. Windows and Linux and in Linux
using Mozilla Firefox browser.
Response:Both of Youm7 and Masrawy work perfectly fine on different
browsers and platforms.
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
11/13
o Availability Stimulus: Test Youm7 and Masrawy at different times of the day and
on different days.
Response:Both sites are available 24-7, and any updates to the systems do not
cause any unavailability of the sites.
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
12/13
Assignment 4:
Process Chart for the Iterative Process Software Development Model
There are two ways for an Iterative Process as shown below:
7/30/2019 Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Softwa
13/13
References:
Web Software Applications Quality Attributeshttp://cs.gmu.edu/~offutt/rsrch/papers/conquest02.pdf
Understanding Quality Attributeshttp://www.win.tue.nl/~wstomv/edu/2ii45/year-
0910/Software_Architecture_in_Practice_2nd_Edition_Chapter4.pdf
Specifying Quality Characteristics and Attributes for Websiteshttp://gidis.ing.unlpam.edu.ar/downloads/pdfs/Olsina_WebE.pdf
Meeting User Needs for Qualityhttp://www2.dc.ufscar.br/~junia/qualiusabi.pdf
Microsoft MSDN Quality Attributeshttp://msdn.microsoft.com/en-us/library/ee658094.aspx
http://cs.gmu.edu/~offutt/rsrch/papers/conquest02.pdfhttp://cs.gmu.edu/~offutt/rsrch/papers/conquest02.pdfhttp://www.win.tue.nl/~wstomv/edu/2ii45/year-0910/Software_Architecture_in_Practice_2nd_Edition_Chapter4.pdfhttp://www.win.tue.nl/~wstomv/edu/2ii45/year-0910/Software_Architecture_in_Practice_2nd_Edition_Chapter4.pdfhttp://www.win.tue.nl/~wstomv/edu/2ii45/year-0910/Software_Architecture_in_Practice_2nd_Edition_Chapter4.pdfhttp://gidis.ing.unlpam.edu.ar/downloads/pdfs/Olsina_WebE.pdfhttp://gidis.ing.unlpam.edu.ar/downloads/pdfs/Olsina_WebE.pdfhttp://www2.dc.ufscar.br/~junia/qualiusabi.pdfhttp://www2.dc.ufscar.br/~junia/qualiusabi.pdfhttp://msdn.microsoft.com/en-us/library/ee658094.aspxhttp://msdn.microsoft.com/en-us/library/ee658094.aspxhttp://msdn.microsoft.com/en-us/library/ee658094.aspxhttp://www2.dc.ufscar.br/~junia/qualiusabi.pdfhttp://gidis.ing.unlpam.edu.ar/downloads/pdfs/Olsina_WebE.pdfhttp://www.win.tue.nl/~wstomv/edu/2ii45/year-0910/Software_Architecture_in_Practice_2nd_Edition_Chapter4.pdfhttp://www.win.tue.nl/~wstomv/edu/2ii45/year-0910/Software_Architecture_in_Practice_2nd_Edition_Chapter4.pdfhttp://cs.gmu.edu/~offutt/rsrch/papers/conquest02.pdf