Analysis of Bootstrap and MontageJS Frameworks for Web Engineering

This report provides a comparative analysis of two web development frameworks: Bootstrap and MontageJS. The introduction highlights the challenges faced by web developers in personalizing and customizing web applications, setting the stage for the report's focus. The main body delves into detailed discussions of each framework. Bootstrap is presented as a front-end, open-source framework known for its HTML and CSS-based design templates, JavaScript extensions, and support for responsive web design. Its strengths include cross-browser compatibility, customizability, and a strong community, while its weaknesses involve verbose styles and reliance on jQuery. MontageJS is introduced as a JavaScript framework aimed at simplifying web application development, particularly for resource-constrained devices. It offers reusable interface modules, access to DOM components, and features optimized for mobile devices. The report outlines its strengths, such as its modern HTML framework and mobile optimization, and weaknesses, including potential public accessibility of the code and limited restrictions. The conclusion summarizes the challenges in web application development and emphasizes the potential of Bootstrap and MontageJS in addressing these issues. References include books, journals, and online resources.

WEB ENGINEERING

Table of Contents
INTRODUCTION...........................................................................................................................1
MAIN BODY...................................................................................................................................1
Bootstrap.....................................................................................................................................1
MontageJS...................................................................................................................................2
CONCLUSION................................................................................................................................3

INTRODUCTION
There are many frameworks available through which personalization and customization
of web applications can be done, but many of them are designed in such a way that it many web
application developers face many challenges in development of these web applications especially
in personalizing and customising these applications. This technical report will lay emphasis on
two frameworks that can be used to improve the personalization and customization of web
applications i.e. Bootstrap and MontageJS .
MAIN BODY
Bootstrap
Bootstrap is a front-end and free open source framework which is mostly used for
developing web applications and websites. It consists of HTML and CSS based design templates
which can be used for buttons, forms, typography etc. It also consists of JavaScript extensions
(optional). It supports Google Chrome, Firefox, Opera, Safari, Internet Explorer (Hajdarbegovic,
2018). Responsive web designing i.e. ability to adjust layout of web pages dynamically
according to the device used is also supported by it. It also consists of Sass (Syntactically
awesome style sheets) that is used to implement various toolkit components. Many configuration
variables are provided by bootstrap that can be used to control things like colours, padding of
various components. All the components of Bootstrap consist of CSS declaration, HTML
structure and sometimes JavaScript code as well. Personalization and customization of web
applications become much more easier with the help of all these components provided by
Bootstrap like first style sheets that can be used to provide basic style definitions ( uniform,
modern appearances of text, tables and elements formatting). Second it provides re-usable CSS
components that can be applied inside HTML elements. Third it also provides JavaScript
components which are used to provide many interface elements like tooltips, dialog boxes,
carousels etc. It is also used for some automation functions like autofill functions for input
fields, drop-down menu, scroll spy, tab, alert and many more. Overall it provides users with
different form styling, media objects like videos or images, navigation etc. It also provides many
extra resources like third party plug-ins and extensions, these builders etc. and many articles,
tutorials which help developers in web application development (Chlis and et.al, 2018).
1

Strength and weakness
Like a two sided coin each framework has its own strength and weakness:
Strength:
1. It has fewer cross browsers bugs.
2. It is a consistent framework supporting all the major browsers used as well as CSS
compatibility fixes.
3. Customizable and Lightweight.
4. Responsive styles and structures.
5. Good community support and documentation.
6. Many JavaScript PlugIns that uses jQuery.
7. Many professional and free templates, themes and PlugIns.
8. Great grid system.
Weakness:
1. Many styles are verbose which can lead to creation of many unnecessary outputs in
HTML.
2. Heavy customization is needed in order to design a web application so that it does not
look the same.
3. JavaScript is tied to jQuery which is one of the most common library and as a result
many PlugIns are left unused (Velickovski and et.al, 2018).
MontageJS
MontageJS is an JavaScript open-source framework that is used for building web
applications or websites. Main aim of this framework is to simplify development and
maintainability of applications. It helps to smooth user experience, especially on devices which
are resource-constrained as it helps developers in building applications by providing reusable
interface modules and components etc. it also provides users functionality to build graphical user
interface by providing user access to DOM interface components as well as UI components. It
also helps users by providing value and string manipulation, serialization and various other
functions that are not directly tied to graphical user interface. It uses Setters and getters for
performance maintenance to bind properties even if number of binding grows. It completely
depends upon standard browser features that work best on modern browsers used like Google
2

chrome, Firefox, Safari, internet explorer, Android browser etc. It makes it easy for developers to
personalize and customize web application according to them with various improved features as
compared to other frameworks. It also has a cloud based visual authoring environment which can
be used by developers to create interactive web applications which can be crated easily and
efficiently. MontageJS helps in management of enriched modular approach of breaking problems
into smaller units so that it can be solved by making sure that none of the unit is overlapping
each other (Riccardi and et.al, 2018). It also helps developers by minimize expensive layout
reflows to provide users efficient and better experience with the help of implicit event delegation
and managed draw cycle i.e. hardware limitation for developers are reduced because of which
application becomes much more easier and user friendly and can be easily used in desired
device.
Strength and weakness
Each and every framework has some strengths and weaknesses, similarly MontageJS
also has some strength and weakness described below:
Strength:
1. It is a full stack, modern HTML framework which makes it easy for users to design a web
application quickly.
2. It also provides popular development methodologies and design pattern through which
applications cab be build with modern architecture.
3. It makes it easy for users to personalize and customize their application according to their
use.
4. It is a framework optimized and designed for mobile devices as well.
5. Developers can extend user interface components.
Weakness:
1. The main weakness of using MontageJs is the coding done on web application can be
publicly available to anyone. This can affect the website development.
2. Another weakness is that there are only few restrictions in framework which allow other
users to use coding and data of website.
3

CONCLUSION
From the above report it has been summarized that there are many challenges faced by
developers especially in terms of personalization and customization of web applications and
there are very few frameworks available which gives the flexibility to do so. In this report two
frameworks had been identified which can be used to overcome these challenges with
improvement for development of web application, they are Bootstrap framework and
MontageJS framework. Both the frameworks are analysed in detail with their strength and
weakness.
4

REFERENCES
Books and journals
Chlis, N.K., and et.al., 2018. Introducing a Stable Bootstrap Validation Framework for Reliable
Genomic Signature Extraction. IEEE/ACM Transactions on Computational Biology and
Bioinformatics (TCBB).15(1). pp.181-190.
Riccardi Sabatier, Y., and et.al., 2018. Application of Responsive Web Design in the creation
and implementation of the website of the Placental Histotherapy Center. Revista
Cubana de Informática Médica. 10(1). pp.16-27.
Velickovski, F., and et.al., 2018. Automated spirometry quality assurance: supervised learning
from multiple experts. IEEE journal of biomedical and health informatics.22(1).
pp.276-284.
Online
Hajdarbegovic, N., 2018. [online] Available Through
:<https://www.whoishostingthis.com/resources/bootstrap/ >