Home » Support » Help Articles » Overview of Batoi OSF Architecture

Overview of Batoi OSF Architecture

Back to Help Articles Home


The OSF encompasses multi-tier architecture of web application, and is based on several design patterns including most notably Model-View-Controller (MVC). Currently, the OSF uses jQuery JavaScript framework and jQuery UI CSS framework with appropriate extensions for achieving UI rendering, effects, asset management, user interactions and functions at client-side (however, you are free to use any other client-side framework).

Illustration of OSF Framework Architecture

An instance of application at client-side invokes instance at server-side through HTTP request which is responsible for processing business logic of the application, and in turn, provides data back to client-side instance for further actions (rendering, effects, asset management, user interactions and functions).

Illustration of the OSF Architecture

Every HTTP request is received by a Controller at the server-side, and each HTTP request is defined uniquely by the Event ID (through $_REQUEST['ID'] parameter) that is passed from the client-side application instance. Based on Event ID, the Controller validates the HTTP request and the user sending the request.

The OSF provides an in-built access control scheme based on user roles, called Role Based Access Control (RBAC) scheme, that allows access to application by its users depending on their roles assigned to. The basic concept of the scheme lies in treating application and user accessing the application as two objects, and basing their interaction through user's role associated with application instance.

Illustration of Role-Based Access Control Scheme

Illustration of Role-Based Access Control Scheme

Upon successful validation, parameters collected from HTTP request are passed to BL objects to execute the request. Model (consisting of classes and independent scripts - to give life to PHP old-timers) carries out BL processing, and returns resulting data in the form of arrays. After successful interaction with Model, Controller passes the available resulting data to View for composing the UI, if required. View creates the final client-side code (all in XHTML, JavaScript, CSS, etc.) and then sends the resulting code (or data) to Controller. Finally, Controller sends the final data to client-side application instance completing the server-side process of data flow.



Updated on Aug 20, 2016

The techReview is an online magazine by Batoi and publishes articles on current trends in technologies across different industry verticals and areas of research. The objective of the online magazine to provide an insight into cutting-edge technologies in their evolution from labs to market.

Visit techReview


English - IN (USD)
New Users? Signup.     Existing Users? Login.