nuBuilder Two Screen Model


Whenever a user or developer logs into nuBuilder, the first page that they will always see is called the Index Screen.
This page will normally contain several buttons, grouped within various tabs.
The Index Screen may also contain graphs and other dashboard style information.

There are only two types of screens that a user or developer will see when using nuBuilder, these are an Edit Screen and a Search Screen.
(Note: The Index Screen is a built-in Edit Screen.)

When a user clicks on a button from the Index Screen, a Search Screen is normally displayed. For example if you clicked on a button that was labelled Customers, you would normally see a Search Screen displaying all customers.
If you clicked on one of the customers listed in the search you will then be taken to an Edit Screen for that record.

A developer logs into nuBuilder just that same way as an end user, however a developer will have access to an additional set of buttons located under the Setup tab.

A nuBuilder developer will use this additional set of buttons to create buttons, screens, reports, user’s login accounts and security access levels.
To add a new button a developer would click on the Objects button which will display a Search Screen showing all Objects in the database. From the Search Screen they click the Add Record button.

The two screen model of nuBuilder applies to both end users and developers.

Two Screen Model

The two screen model is the foundation for nuBuilder's frontend. It is a comprehensive pattern which allows users and developers to quickly learn to use a nuBuilder site. Every form follows the same pattern, which makes learning to use nuBuilder an intuitive process and reduces data entry issues which ultimately reduces the costs to any business. All development is also done from within the nuBuilder frontend, and as this pattern is used throughout the development environment as well, forms and outputs can also be developed and implemented extremely quickly.

Browse Screen

The browse screen (see below) displays a listing of records. It is designed allow users to easily manage a large amount of records, through allowing the user to sort the list by clicking on the title to sort by, and through filtering the list through the text search feature above the listing. The fields displayed on the list are fully customisable to allow the right information to be displayed to assist in finding a particular record.


By selecting a record in the browse screen, you can then drill down and display one record on the page for viewing and editing:

Edit Screen


The edit screen uses tabs to efficiently display a lot of information for a particular record. This means that while the browse screen gives you a list of records, with a limited amount of fields to help you select the right record, the edit screen can give you a complete view of a particular record and get the information you need easily.

A nuBuilder form uses data validation, active javascript and PHP to allow you to customise an edit screen to make both data entry and data integrity reliable, allows the gathering meta-data and other information so that every form can work together with your business processes to make an intuitive and complete database management system. This pattern also allows for 'cloning' of an existing record to a new one, to make data entry even quicker as all the common data is already inserted for you.

Created by: system. Last Modification: Wednesday 29 of July, 2009 11:21:03 CST by jeff.