Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Software Development Model

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


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


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


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


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.


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/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?


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


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.


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.


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.


12/13

Assignment 4:

Process Chart for the Iterative Process Software Development Model

There are two ways for an Iterative Process as shown below:


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

Documents

Software Engineering : Analyzing Quality Attributes of Websites and Process Chart for the Iterative Process Software Development Model