< back to Concepts TOC
Introduction
The Fitech Interface has been designed to display a considerable level of detail related to a subject all in one screen. The result is a screen that has been split into many different zones. Throughout the product, Fitech has tried to be consistent in all areas and loyal to the model displayed in figure 1.
Before detailing each zone, here are some notes about the interface:
- The Interface is designed to fit on to screens of at least 1024 wide by 768 pixels deep. It is possible to run Fitech on lesser screen resolutions but this will cause horizontal and vertical scrolling.
- The interface is best viewed in 32bit or true colour.
- The interface makes use of 'inline frames', 'modal windows' or 'layered' windows. These are all designed to limit technical problems or security settings with browsers, and, crucially, limit scrolling. Fitech will continue to utilise layered windows to improve the user experience and minimise page loading.
- A Fitech page may take a little time to load, this is because 'screens' of data are being loaded into tabs and 'stacked' one on top of each other, to be displayed when the user clicks on a tab. This is a trade off, whilst the inital page takes a little longer to load, moving around the loaded subjects data for a given module is very quick.
- Examples of the above are available by clicking the links below:
- 'inline frames' - please see figure 2.
- 'modal windows' - please figure 3.
- 'layered windows' - please see figure 4.
Interface Zones
The screen capture below dislays the various zones of the Fitech Interface. The number or 'state' of the zones may vary depending upon whether a subject is loaded and the security level of the user that is logged in. For this demonstration, an administrator has logged in and loaded the subject 'Peter Edwards'. This scenario displays all of the zones.
Please refer to the table below for a full description of the interface zones.
figure 1 - various zones of the Fitech Interface
| Item |
Interface Zone |
Description |
| A |
Subject Picture |
Contains the subject's picture. If the Picture is missing a textual link is available to upload a picture. Note. Subject pictures before upload must be less than 200kb else they will not upload. The image is automatically resized by the server to ensure that the subject picture doesn't break the interface. |
| B |
Warning Message |
This area displays warning messages to the operator if the subject has either medical problems or an outstanding note against their record. |
| C |
Main Information Area |
Displays information related to the subject. This is the main subject detail area. |
| D |
Tabs |
Displays a row of tabs. Each tab has an associated screen of information or forms. Switching beween tabs is accomplished by clicking on the tab. They are logically named and display is instantaneous. |
| E |
Title Area |
Usually dislays the name of the loaded subject or an appropriate error / information message. |
| F |
Admin Details |
Displays the name and security identifier for the logged in user, (NOT the loaded subject). Generally this is the health consultant. |
| G |
Subject Details |
Displays the name and icons related to the loaded subject. If no subject is loaded, this fact is displayed. |
| I |
Icon Menu |
Displays an icon menu - the number of icons and their functionality depends upon the security level of the logged in user. |
| J |
Main Menu System |
The main menu for the Fitech Product. Each Main menu has a cascading set of submenus. Depending upon licensing information and requirements will dictate how many menus are disabled or enabled. Only a Fitech technician can enable menu options. Each menu option corresponds to a Fitech Module. |
| K |
Header |
The header graphic can be dynamically assigned by the application administrator in the administration menu (Manage Application). Only the header and footer graphics can be customised. The depth of the graphic can vary however the width is resized to 949 pixels on upload. A full customisation service is available to customers who wish to run an entire portal either on the Fitech Cloud Architecture or on their own servers. |
| L |
Footer |
The footer graphic can be dynamically assigned by the application administrator in the administration menu (Manage Application). Only the header and footer graphics can be customised. The depth of the graphic can vary however the width is resized to 949 pixels on upload. A full customisation service is available to customers who wish to run an entire portal either on the Fitech Cloud Architecture or on their own servers.
The footer also displays the current version of the application and links to terms and conditions, privacy statement and contact us details.
|
| M |
Status Panel |
This displays basic data about the subject |
Inline Frame
The inline frame allows the centre section to scroll within the surrounding page. This ensures that the status panel and other areas of the screen reman visible to the operator.
figure 2 - Inline Frame / Window
Modal Window
Fitech uses modal windows where user input is required - the rest of the interface is disabled and the only options available to the user is to complete the form, acknowledge a message or cancel the modal window.
figure 3 - Modal Window
Layered Windows
Layered windows are often used for information purposes. These are extremely versatile, they can be resized, moved around the screen and several can be opened at any one time.
figure 4 - Layered Window
