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 a set 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 Language Downloading 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

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 every page 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 to Arabic, 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 very precise 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 while browsing in other languages, there are many link that are not up yet and clearly shown in Oracle TechNetwork. o Usability

 Stimulus: Are the sites user friendly? How many clicks did it take me
to 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 is

arranged 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

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 5 clicks, navigating through 5 different pages in order to realize that it was simply only two clicks, i.e. click tutorials and then MSDN library. o Arrangement: The content is arranged neatly with side links to allow you to reach specified content easily. o Fonts and colors: The colors are too light when displaying 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 no help button/link clearly visible. o Language: Available clearly on right hand side of menu bar, an ideal place. Oracle TechNetwork o 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 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 2 clicks, navigating through 2 different pages only. o Arrangement: The content is arranged neatly with side links to allow you to reach specified content easily. o Fonts and colors: The colors and fonts are clear and easy to read. o Site Maps and Help: There is an easy to use site map and two help button/link clearly visible, one in the menu bar and one in a side bar. o Language: The language link is a country/regions link and 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

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 with disabilities. 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 for compatibility 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.

 Response:
Both sites are available 24-7, and any updates to the systems do not cause any unavailability of the sites.

Masrawy VS Yoom7
The 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 categories Searching 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,

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 disabling images, 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?

o Design: Both Youm7 and Masrawy have a good overall design, 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 be read in homepage, all headlines are clear and are

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. Arrangement: The content is arranged neatly with side links to allow you to reach specified content easily in Youm7 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. 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. Site Maps and Help: In Youm7, there is a clear site map for easier navigation and always a small pop menu on bottom RHS for feedback. 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.

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. chrome
and 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.

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.

Assignment 4: Process Chart for the Iterative Process Software Development Model
There are two ways for an Iterative Process as shown below:

References:
Web Software Applications Quality Attributes http://cs.gmu.edu/~offutt/rsrch/papers/conquest02.pdf Understanding Quality Attributes http://www.win.tue.nl/~wstomv/edu/2ii45/year0910/Software_Architecture_in_Practice_2nd_Edition_Chapter4.pdf Specifying Quality Characteristics and Attributes for Websites http://gidis.ing.unlpam.edu.ar/downloads/pdfs/Olsina_WebE.pdf Meeting User Needs for Quality http://www2.dc.ufscar.br/~junia/qualiusabi.pdf Microsoft MSDN Quality Attributes http://msdn.microsoft.com/en-us/library/ee658094.aspx