Technical Report: Comparing Bootstrap and MontageJS Web Frameworks

This technical report provides an introduction to web application frameworks, focusing on Bootstrap and MontageJS. The report highlights the challenges developers face in personalizing and customizing web applications and introduces these two frameworks as potential solutions. Bootstrap, a front-end framework based on HTML and CSS, is described with its features, strengths (responsiveness, community support), and weaknesses (verbose styles, jQuery dependency). MontageJS, a JavaScript framework, is also examined, emphasizing its features, strengths (full-stack capabilities, mobile optimization), and weaknesses (publicly available code). The report concludes by summarizing the benefits of both frameworks in addressing web application development challenges, with detailed analysis of their strengths and weaknesses. The report also includes references to relevant literature.

WEB ENGINEERING

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.

Cont..
Features
 It is 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.

Cont..
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.

Cont..
 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).

Cont..
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.

Cont..
Features
 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 completely depends upon standard browser features that work best on modern
browsers used like Google chrome, Firefox, Safari, internet explorer, Android browser
etc.

cont..
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.

Cont..
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.

conclusion
 From the presentation 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 presentation 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.

REFERENCES
 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.