Comprehensive Analysis of Responsive Web Design for QUT Website

This report provides a comprehensive analysis of the Queensland University of Technology (QUT) website's responsive web design. It begins with an introduction to QUT, highlighting its key features and mission. The report then delves into the specifics of the QUT website, detailing its main features, including study, research, industry, and international student sections. A significant portion of the report is dedicated to evaluating the website's responsiveness across various devices and screen sizes, including large displays, medium pixels, and tiny displays in both landscape and portrait orientations. The report discusses the advantages and disadvantages of the Chrome device simulator and explores similar tools for testing and responsive web design. The analysis includes positive aspects, such as user experience and SEO optimization, and negative aspects, such as potential loading time issues. Finally, the report concludes with recommendations for improving the website's responsiveness and overall user experience.

Running head: RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN
Name of the Student
Name of the University
Authors Note:

1RESPONSIVE WEB DESIGN
Table of Contents
Introduction..........................................................................................................................2
Discussion on QUT..............................................................................................................2
Overview..........................................................................................................................2
Description.......................................................................................................................3
Main features of the website............................................................................................3
Positive and Negative aspects of the website..................................................................3
Review of this website.....................................................................................................4
Analysis of Responsive QUT..........................................................................................5
Advantages and Disadvantages of Chrome device simulator..........................................8
Similar Tools for testing and RWD of web pages...........................................................9
Conclusion...........................................................................................................................9
Recommendations..............................................................................................................10
References..........................................................................................................................11

2RESPONSIVE WEB DESIGN
Introduction
Queensland University of Technology or QUT is considered as one of the major
university of Australia. This university claim itself to be the fastest growing university in the
field of research of the nation. The courses provided by this university are in demand among
various students which are from different regions of the world (Ragusa, 2017). Graduates of this
university is inclusive of various rewards from different regions of the world. This university
claims to provide experience to more than 50,000 students. This university has many awards in
various domains like winning science, engineering which is considered to be local home for
cube. This university claims to establish the world first creative for various faculties who are
from different industrial background. They have invested a large amount of money in
collaborative learning and provides an environment where collaborative research can be easily
done.
In the coming pages of the report a brief overview of the website of this university has
been provided. After that a description has been given regarding the Queensland university of
Technology (QUT) (Ewing and Thomas, 2012). Later on, main features of the website of this
University has been provided. A brief analysis has been done regarding the positive and negative
aspects of this website has been done. Two review has been done regarding the website of this
university. After that an analysis has been done regarding the responsive of QUT in various
modes like large display which is 1280x768 pixels, medium pixel 480x640 and 700x960 pixels
in both the modes that is landscape and portrait orientation, tiny display that is 200x320,
400x640 pixel which is available in both modes like landscape and portrait. Advantages and
disadvantages of chrome device simulator has been provided. Five similar tools like Gridset,
Wirefy, adobe edge inspect, gumby2, adobe edge flow has been discussed in details.
Discussion on QUT
Overview
Queensland University of Technology is one of the major university of Australia which
provides global outlook and focuses on real world. This particular university claims to be fastest
growing research university of the nation. The courses provided by this university are in high
demand. The graduates of this university is inclusive of eight Rhodes scholars and out of this
five are honored and rewarded in the last five years. The university is considered too ambitious
and collaborative which mainly focuses on provided appropriate equipment for its students and
graduates with proper skills which are needed to overcome for increasing issue and challenged
world (Sarina, Waclawik, and Zhu, 2013). This university claims to transform the experience for
its 50,000 student’s. It also places a premium on the accreditation of various international and
national professional degrees. QUT has award winning science and Engineering center which is
considered home to the cube. Cube is considered as the world’s largest digital interactive space
for learning and display. QUT claims to establish the world’s first creative faculty industries and
this have invested a large amount in collaborative learning and provides an environment for
interdisciplinary research.
This organization claims to next generation leader in the industry, research and society.
This can be only achieved by having new changes and development in the process of learning
and teaching. This organization is designing itself in such a way that it can easily meet the needs

3RESPONSIVE WEB DESIGN
of upcoming generation. QUT claims to have researcher, executive and staff members are
considered to be leaders in their respective field.
Description
Queensland University of Technology (QUT) is a well-known public research university
which is located in coastal city of Brisbane, belonging to state of Queensland which is located in
Australia. QUT is also known as university for real world as the link with the university with
proper teaching and research application. Various representative professional contributes a lot to
develop or upgrade different courses, which helps in providing practical knowledge to some
theoretical data (Christie and Misson, 2012). The academic staff from different education
background provides consultation in different industries and also work on various projects which
many times require involvement of various students. This ultimately led to increasing the
knowledge of various students. Over the period of time the university has grown and has
changed a lot. The university claims to have innovation right from the establishment of Brisbane
school of arts in the year of 1849. The university claims to understand the capability of next
generation leaders for decision making, leader for various business organization and citizens so
that they can easily maintain the balance of sustainability for the upcoming generation of the
world.
This university is preparing itself to face the future challenges. The blueprint of this
website is its institutional plan. Its blueprint also focuses on priorities and large strategies which
is located at the center of the planning process (Sarina et al.,2014). The university focuses to
encourage various students for encouraging and promoting research and engagement of student
in various domains like science, engineering, math’s and technology. QUT has some vision
regarding the real world learning for 2020 outline of vision which clearly states that their
aspiration for graduates and provides learning experiences which is consistent for proper identity
for real world.
Main features of the website
The website of QUT that is Queensland University of Technology provides many
features like study, research, industry, about the university, alumni, international students, news,
professional development. In the study tab one gets an idea about the variety of studying
opportunities like undergraduate study, postgraduate study, Phd and study related to it, events
and many other study related to it. It also provides the option of scholarship, flexible study. The
website of this university also provides online learning center (Vos, 2013). In the research tab
following options are available like life as a researcher, list of research conducted by this
university, scholarship which are available for a professional researcher. The university claims to
promote integrity and ethics in all the research conducted by it. In the industry one can easily get
following like partner with us in which an individual can easily work with the students and
graduates. The university claims to have experts for different industry where it offers commercial
research, development at workplace and proper training. There is an about tab which provided on
the website of this university where an individual can easily get an idea regarding this university
and the people associated with it. There is another tab for international students where student
from different countries can easily get an idea about their application. Scholarship is provided to
international students who are excellent in their students. There is news tab where a student can
easily get news about various topics lie alumni, business, health, creative industries, health,
science and engineering and other things related to students.

4RESPONSIVE WEB DESIGN
Positive and Negative aspects of the website
Positive
The website of QUT has some pros like by making use of responsive web design like
user experience for its students, optimized SEO, proper and proper maintenance and it has cut
the needed for mobile website of this university. A responsive website like QUT provides all the
information by making use of various types of devices according to the requirement. Students
from various educational background can easily access the same website through various device
irrespective of its size. Responsive website mainly focuses on providing same look and feel on
different devices. Responsive website is one of the important tool kit used by Google. With the
help this method many websites can be easily accessed through mobile phones without affecting
the resolution of display (Bean, 2014). There is no requirement of constantly updating the both
mobile site and the main site of this university. Just having a change in one of the site will reflect
the necessary changes on the main website. It will save the time and effort of the admin of this
website and so there is no need of updating both the sites. It also saves the time of the students as
they do not need to redirecting to separate website of this university that is QUT. Google
considers redirection as a negative term as it increases the time needed for searching a content
over the net. QUT website is flexible which allows students to access the website from various
devices (Blunn, 2013). It also provides excellent interface for its students who access the website
from different locations. This method is also taken to be cost effective as at the cost involved by
single website various website can be easily accessed form a various range of devices.
Negative
QUT website has some negative sides also like using of responsive web design increase
up the loading time in many cases. In many cases it is seen that user or student’s transfers
HTML/ CSS codes to various domains. In many cases images cannot be resized and can create a
negative effect on the loading time of the website. The website does not give freedom to provide
freedom to change various things like description of title and other contents which is available on
the website (Chopin et al., 2012). The development time of this responsive website takes a longer
time than normal website. Responsive website is generally designed in such a way that it can
easily provide resolution as per the requirement of the user. Responsive web designing is
considered to be a remarkable evolution in the field of web designing. It invites web designer
from different regions of the world to take brand challenge and come up with new ideas
(Demirel, Halic and Kockara, 2014). There are some cons aspects of the responsive web
designing which can be easily overcome by putting additional pressure on the planning and
updating stage of the website.
Review of this website
Jourdan who is 21 years old pursuing law in this university has reviewed this university
as definitely not the best and it needs improvisation in certain areas. He is about to give the final
exam of at Queensland University of Technology. The lectures provided by professors are not
updated and they need updating from the previous years. The university has a word technology
associated with its name. On the contrary the lectures provided by this university is unwatchable
due to low quality of equipment provided by it.
Jinda who is 20 years old guy pursuing engineering has reviewed this university that it
needs some modifications. Lectures does not teach the basic regarding the lectures and theories
provided by this university. He states that it provides friendly, warm lectures and tutors, it

5RESPONSIVE WEB DESIGN
provides great non-circular support. It has some negative aspects like they follow old case
studies, their curriculum is not updated with requirements for students for marketing.
Analysis of Responsive QUT
Fig: 1
1280x768 pixels view

6RESPONSIVE WEB DESIGN
Fig 2
480x640 pixels view
Fig 3
700x960 pixels view

7RESPONSIVE WEB DESIGN
Fig: 4
200x320 pixels view
Fig: 5
400x640 pixels

8RESPONSIVE WEB DESIGN
Advantages and Disadvantages of Chrome device simulator
Advantage
Chrome device simulator is generally taken to be very fast and it provides an
environment where setup is easy. It is generally used for analyzing the nature of an application.
The ultimate goal of simulator is to provide a safe environment for different devices. It also helps
in analyzing the unexpected behavior of an application (Rainer et al., 2012). Browser simulator
like chrome device simulator is used for simulating the environment of the browser. It is required
for analyzing the function of a particular website until and unless it is required for device testing.
The main advantage of simulator is that it is low price and in many cases it is found to be
completely free. In many cases it is not possible to purchase the required device in short period
of time then the testing is performed on the simulator. Simulators are considered to be the
simplest of all the available client software which runs on machine they have reduce time in
comparison to real time device which is connected to a local network or in the cloud database
and so it can be concluded that it is a fast method or technique (Moskal et al.,2013). On google
chrome simulator one can easily simulate situation which are very tough to create on real device.
If someone wants to test the method or technique of running the application, then the device is
running on low battery then it can be easily updated on the simulator. Testing on google
simulator is very simple and easy, the user just need to download the respective software and
followed by installation and things is ready for testing. Problem of capturing screen shots over
the simulator is considered to be easy. There are large number of devices which are available in
market and it is very hard to purchase all the them or to make choice among them. Simulators are
used for testing when testers are not confident for making choice regarding the mobile device in
which they should invest.
Disadvantage
When testing is done on emulator or simulator then it can result in creating false
impression for the users. With simulators the developer is not testing on the same platform and
network which is provided by the student. Even if the testing is perfect then also cannot be sure
that the data is applied to real devices (Imai and Takeichi, 2015). Another disadvantage of
simulator is the hardware and software feature of supported device which acts as an emulator in
the various version of OS. Simulators are not generally updated to act in various version of
operating system. Simulators are not designed to reflect various new devices which are available
in market. Chrome device simulator is not considered as the hardware requirement of file. The
outcome of simulator is very hard to check incomplete availability of data which contain
important information. Simulators cannot be properly simulating the proper color of display of
devices when the device is being operated in sunlight or in black (Mikowski, and Powell, 2013).
Emulators run according to the environment of the operating device. In comparison to mobile
emulators which runs on PC real handset are considered to have limited resource. Simulators
which are not connected to mobile networks does not support interoperability testing.
Similar Tools for testing and RWD of web pages
Apart from google simulator there are many simulators which are available in market that
are
 Gridset
 Wirefy
 Adobe Edge Inspect

9RESPONSIVE WEB DESIGN
 Gumby 2
 Adobe edge reflow
Gridset: Gridset provides a platform where web designers and developers can easily design
prototype and can build responsive layouts for its projects. In this tool user can easily create the
type of grid which is needed or required.
Wirefy: Wirefy tool is required for responsive web designing and this can be achieved by some
knowledge of CSS and HTML. Wirefy tool is a collection of HTML templates and snippet which
works on the idea that browser can be easily resized across various devices.
Adobe Edge Inspect: This tool provides a platform where an individual can easily make
overview of this presentation of the corresponding responsive website. This tool eliminates the
need of several devices to have a view on the different available platforms.
Gumby 2: Gumby2 is a responsive web designing which is built with power CSS preprocessor.
It can be downloaded and customize according to the need or requirement. It has a collection of
tools for grids, forms, toggles and switches related to it.
Adobe Edge Reflow: This is one of the tools which makes it possibility of visual design of a
website. Reflow actually converts Photoshop files into a HTML and CSS and then the
adjustment is done using breakpoint in reflow.
Conclusion
From the above discussion it can be easily concluded that Queensland University of
technology is a well-known university of Australia. The university claims itself as one of the
fastest growing university in the field of research. Courses provided by this university are at high
demand among the different students which work from various regions of the world. This
particular university provides experience to more than fifty thousand students. The university
claim to provide awards in different domains like science, engineering. QUT have invested a
large amount of money in things like collaborative learning and creates a platform where
research related to it can be easily done. In the above pages of the report a brief overview and
description has been given which is followed by the brief description of this University. Main
features of the website of this university has been given. A proper analysis has been done
regarding the positive and negative sides of the website of this university that is QUT. Two
review of the students who are pursuing respective courses in this university has been done.
After that an analysis has been done regarding the responsive of QUT in various modes like large
display which is 1280x768 pixels, medium pixel 480x640 and 700x960 pixels in both the modes
that is landscape and portrait orientation, tiny display that is 200x320, 400x640 pixel has been
done. Pros and Cons related to the website of this university has been provided. Five tools which
are similar to chrome like like Gridset, Wirefy, adobe edge inspect, gumby2, adobe edge flow
has been discussed in the above pages of the report. A list of recommendation has been provided
regarding the website of Queensland University of Technology.
Recommendations
There are certain number of recommendation which can be given to the website of this
QUT university.

10RESPONSIVE WEB DESIGN
 Time of loading for this website must be improved so that user does not face any
issue regarding it.
 Some option should be provided where an admin can easily make changes
regarding tittle description and other matters can be easily change.
 Some negative aspects of the website like responsive web design which can be
simply overcome by putting stress on the planning and updating stage for this
given website.
 Pictures which are stretched cannot be simply resized which also puts a negative
impact on the time of loading for this university.

11RESPONSIVE WEB DESIGN
References
Bean, C., McAllister, I., Pietsch, J. and Gibson, R.K., 2014. Australian election study,
2013. Computer file]. Canberra: Australian Data Archive.
Blunn, G.W., 2013. Four station knee simulator wear testing comparing titanium niobium nitride
with cobalt chrome. Journal of Bioengineering & Biomedical Science, 3(03).
Chopin, L.K., Seim, I., Walpole, C.M. and Herington, A.C., 2012. The ghrelin axis—does it
have an appetite for cancer progression? Endocrine reviews, 33(6), pp.849-891.
Christie, F. and Misson, R. eds., 2012. Literacy and schooling. Routledge.
Demirel, D., Yu, A., Halic, T. and Kockara, S., 2014, May. Web based camera navigation for
virtual pancreatic cancer surgery: Whipple surgery simulator (vpanss). In Innovations in
Technology Conference (InnoTek), 2014 IEEE (pp. 1-8). IEEE.
Ewing, S. and Thomas, J., 2012. CCi digital futures 2012: The Internet in Australia.
Imai, Y. and Takeichi, K., 2015, September. Development and evaluation of adobe flash based
cpu scheduling simulator executable on major multiple web browsers. In Intelligent Networking
and Collaborative Systems (INCOS), 2015 International Conference on (pp. 149-155). IEEE.
Mikowski, M.S. and Powell, J.C., 2013. Single page web applications. B and W.
Moskal, S., Kreider, D., Hays, L., Wheeler, B., Yang, S.J. and Kuhl, M., 2013, October.
Simulating attack behaviors in enterprise networks. In Communications and Network Security
(CNS), 2013 IEEE Conference on (pp. 359-360). IEEE.
Ragusa, A.T., 2017.Queensland University of Technology.

12RESPONSIVE WEB DESIGN
Rainer, B., Lederer, S., Müller, C. and Timmerer, C., 2012, August. A seamless Web integration
of adaptive HTTP streaming. In Signal Processing Conference (EUSIPCO), 2012 Proceedings
of the 20th European (pp. 1519-1523). IEEE.
Sarina, S., Waclawik, E.R. and Zhu, H., 2013. Photocatalysis on supported gold and silver
nanoparticles under ultraviolet and visible light irradiation. Green Chemistry, 15(7), pp.1814-
1833.
Sarina, S., Zhu, H.Y., Xiao, Q., Jaatinen, E., Jia, J., Huang, Y., Zheng, Z. and Wu, H., 2014.
Viable Photocatalysts under Solar‐Spectrum Irradiation: Nonplasmonic Metal
Nanoparticles. Angewandte Chemie International Edition, 53(11), pp.2935-2940.
Vos, T., Flaxman, A.D., Naghavi, M., Lozano, R., Michaud, C., Ezzati, M., Shibuya, K.,
Salomon, J.A., Abdalla, S., Aboyans, V. and Abraham, J., 2013. Years lived with disability
(YLDs) for 1160 sequelae of 289 diseases and injuries 1990–2010: a systematic analysis for the
Global Burden of Disease Study 2010. The Lancet, 380(9859), pp.2163-2196.