Download application development for managing and - e

APPLICATION DEVELOPMENT FOR MANAGING AND
MONITORING A DATA CENTRE
In this page will be also an option to show historical records in a line chart of a
particular RACK, and a pie chart will show the percentage of free and occupied space.
This initial prototype does not include a section for this feature because the tools used to
create the prototype do not support charts or storing persistent data. In this prototype is
also missing a button to insert new records, which will be added for the first version of
the system.
4.2 Architectural Design
As we said above, we are using a three layer design, where the three layers are:
presentation layer, business logic layer and data layer.
The presentation layer has the components User Interface, css, static and
javascript.
The User Interface component is responsible of showing the data received from the
business logic layer in an organized way. It also has to show the information effectively,
which means it has to left clear what each thing means, and the possible interactions
with the application. The User Interface takes advantage of css component for defining
the layout and the presentation rules.
The css component is the Cascade Style Sheets which defines rules for rendering the
data in the HTML, as well as providing layout definition for HTML elements.
The static component holds some static files, which means, they do not change over
the time or by an interaction from user; and it provides static content (e.g. images and
user manual).
The javascript component has classes and some logic to make the content of the
HTML (User Interface) pseudo-dynamic; it is pseudo-dynamic because it is not actually
changing the content of the user interface, but just showing and hiding it. However, this
component can also asynchronously change the content of the web page in response of a
user interaction (e.g. pressing a button); but it respects the design restriction that only
the business logic layer can access the data layer, so this component just sends "input
events" from the user interface to the logic layer, which are processed and sent back;
then the javascript component changes only specific parts of the web page with the new
data received from the logic layer.
Aitor Pérez Cedrés
Página 52 de 97