Concept
The software can integrate with a design developed by professional desginer into AWB. The objective of this software is to decrease the website development efforts and compiling best looking website on fly.
The user can either select from the readymade designs or customise a fresh design as per the requirements. Once the designs and related layouts/formats are ready, it can be integrated to the software to start the development of pages as per the layout/formats which adheres to base design in all aspect. The user does not have to deal with any kind of HTML/Coding once the design is setup. The enduser has just input the contents and save the pages. The software has seperate the screen for defining the website navigation system. Each saved pages has to be linked to main site navigation system. Once the navigation is completed. Now it is time to tie together all the web components to generate the final webpages. It as simple as just clicking button BUILD PAGES.
Here is the detailed overview of the software architecture and various process flow in compiling a full website.
AWB Architecture
The AWB software has a well laid down architecture. Foundation Blocks are key element in AWB. It is a group of Design and the associated format layout maps which when integrated with AWB creates website development. The Foundation blocks consists of Design, Design Formats.
In the DESIGN layer the website global theme, color, fonts, background, css style sheets, scripting, navigation style etc. The design layer constitues the overall base design architecture and formulates the actual website look and feel.
The DESIGN FORMAT layer (Maps) constitues of layout architecture which controls the information grouping and its flow. We have 3- different map formats namely Fixed, Mother, Child layouts. These are discussed later in this page.
The HTML COMPONENT layer constitues of the actual information or content which gets embedded into Design formats mentioned in 2nd layer of AWB architechture. These input elements to the software which forms the source of website content. The HTML elements consists of TEXT, IMAGE, HTML FORMATTED TEXT, LINK.
The WEBPAGE layer consists of webpage as result of page compilation.
DESIGNS (What consists of designing?)
What does a design consists of ?
Design work includes a site theme, site background, colors, fonts, site navigation theme,layouts,css style sheets, scripting etc. which becomes the base for the overall website development. It also involves the desining of supported Web page formats. It is also known as Maps. Designs can either be selected from Readymade design or order for a customised design as per the client's requirements.
READYMADE DESIGNS
It includes pre designed website designs categorised based on the facilities, rich design options. The categorisation is like Basic, Professional, Premium. More about this
CUSTOMISED DESIGN
It includes creating of new designs or working on existing design and mapping those designs to integrate it with AWB. It takes extra efforts in creating design, creating maps and setting AWB integration.
The maps are developed once the design is completed and it is based on underlying design.
WHAT IS WEB PAGE FORMATS (MAPS)?
The Web page formats are the different ways of placement of website information in a organised manner. For better site organisation a predefined maps are created to group the information meaningfully and give overall website a better information flow. It is more or less like a die crafted to generate similar looking webpages rapidly. The output we get is the HTML formated code which resembles the die . It has place holders for user data/content. When page compilation is done software make use of these maps to generate the final webpages. All pages linked with a particular map has common design, flow, layout characteristics.
The Maps are in 3-different forms.
Fixed Layout Maps: There can be a set of webpages in your website where we know the pattern of informations placement would remain same. In such case we have a fixed layout maps which is like a template map where we just need to put in the information required. The map will look after the information placement when final page is compiled. An example of such map could be profile page where we have similar kind of information and layout for each profile.
Mother Layout Maps: It is similar to floor plan which divides a base page into divisions. These divisions can now hold the information grouped by child layout map. It is like a logical grouping of related information into division. This kind of map has to works together with child Layout maps. So, mother maps only deals with how the base page should organised into seperate divisions.
Child Layout Map: It is the logical grouping and placement of information at HTML component level. It layout structure with images, text placed in a particular order or fashion
Note: A mother layout or a child layout cannot generate a final page independently whereas fixed layout does.
Map Comparision
Note: A mother layout or a child layout cannot generate a final page independently whereas fixed layout does.
Map Comparision
| Mother Layout | Child Layout | Fixed Layout | |
| Data placement, grouping flexibility | Yes | Yes | No |
| Can generate webpage Independently | No | No | Yes |
| Extra efforts to create final page | Yes | Yes | No |
What is HTML Components?
These are the HTML elements like Normal Text, HTML formatted text, Image, Link which are the base elements for Fixed Layout and Child Layout. Remember Mother layout only consists of child layout NO Html components.
How these collaborate to generate the final webpage ?
See how the child layout gets integrated to mother layout to form the final webpage. With the use of mother and child type of layouts the user has variety of possibilities to display the website components in different order. Moreover a mother component can accomodate more than one child components.
Site Navigation
Each defined pages can be linked to site master navigation. Also had add-on support for sub navigation where and when required. The add-on navigation support depends on the base design selected.