Download to read offline
![International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 237 A Study Focused on Web Application Development using MVC Design Pattern Ram Naresh Thakur1, Dr. U.S. Pandey2 1Research Scholar, Mewar University, Rajasthan, India 2Professor, University of Delhi ---------------------------------------------------------------------***---------------------------------------------------------------------- Abstract - The Model-View-Controller (MVC) is very useful for developing Interactive and Dynamic Web Applications. It has become the most powerful and dominant Programming Paradigm for developinglargescaleandDynamicWebApplications. With MVC, developers can trust on design patterns that are widely accepted as solutions for recurring problems and used to develop flexible, reusable and modular Software. Applying the MVC design pattern to WebApplicationsisthereforecomplicatedbythefact that current technologies encourage developers to partition the application as early as in the design phase. In this work we have developed a web-based application using MVC framework using Java Web Architecture. Key Words: MVC, Dynamic, Web Application, Programming Paradigm, Developers, Design Phase, Java Web Architecture. 1. INTRODUCTION 1.1 Web Application A Web Application is a distributed application that runs on more than one Computer and communicates through a Network or a Server. Specifically, a Web Application is accessed with a Web Browser as a client and provides the facility to update and manage a program without deployingandinstallingApplicationonclient Computers. WebApplicationsareusedfor Email, Online Retail Purchase/Sales, Online Banking, among others.TheadvantageofWebApplicationisthatcanbeaccessand used by millions of people at the same time [1]. 1.2 MVC Architecture MVC is a software design pattern built around the interconnection of three main component types: Model, View, and Controller, often with a strong focus on object-oriented programming (OOP) software paradigms. MVC is a framework for building web applications using an MVC Design. It is the most important architecture of development the software now a day. This architecture automatically managed the code and help the programmer to develop the well-managed Web Applications. 2. LITERATURE REVIEW The MVC software application architecture has been widely embraced as an approach for developing Web-based systems that contain a server-side programming component, particularlyforthoserequiringdatabaseaccess.MVCisolatesthe business logic from the user interface, with the goal of creating applications that are easier to manage and maintain because designers can modify the visual appearance of the applicationandprogrammerscanmodifytheunderlyingbusinessruleswith fewer harmful side effects. The bulk of the published literature on MVC Web applications describes the architecture and underlying specification of these systems, but does not specificallyaddressthe effectivenessofthearchitecture.Thepurposeof this research is to compare MVC to other widely-used Web development methods in terms of development time, maintainability, and ability to support and enhance interaction among designers and programmers [2]. MVC Design Patter is the Architecture that presents several views for the same data. It separates the Data Layer and the Expression Layer, and divides the Application objects into three classes: Model class, View class and Control class. Model class implements the Business and Data Logic; View class implements the Display Logic, and Control class implements the Control Processing. MVC holds the three logic types independency to build the Business and Data Logic oriented business and design the control and display logic-oriented application. The changing of business processing does not modify the business and data logic. The changing of business principles and algorithms only modifies Model class. So MVC separates the data accessing and display and ensure the modules independency [3].](https://image.slidesharecdn.com/irjet-v6i841-191125051611/75/IRJET-A-Study-Focused-on-Web-Application-Development-using-MVC-Design-Pattern-1-2048.jpg)
![International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 238 The MVC architecture pattern divides an application layer into three components. The model contains the functions and core data. View display information to the user. The controller handles user input and information. View and Controller both composed the user interface. MVC follows the mostcommonapproachtoLayering.Layeringisa servicethat separatesour code into functions into different classes. This approachiseasilyrecognizedandthemostwidelyaccepted.Themainadvantage of this approach is the reusability of the code [4]. MVC design pattern helps us to implement the separation of applicationamongtheModel,ViewandControllerclasses within applications. Separation of application makes it easy for us to test our application as relation among different components of application. MVC help ustoimplementa test-drivenapplicationdevelopmentapproach,inwhichweimplement automated test phase before we write the code. These unit test phases help us pre-define andverify requirementsofnewcode before writing it [5]. MVC design pattern to develop and implement a dynamicE-businesssystemoranInternetapplication. The enterprise level application is developing quickly, and the E-commerce market is growing fast, more and more enterprise level projects presents the development trend that they take the Webtechnologyasthecentral technology.Atthesametime,thedependence to the server end technology like the middleware is also increasing. So, the Information Technology department of the Enterprise needs a feasible way to develop the application, and make the application be related with that middleware which are flexible and can be transplanted [6]. 3. PROPOSED FRAWORK MVC Architecture is a modern Design Pattern of developing Application. It is separate the application into threemain Layers: Model, View and Controller. The Model contain the Business Logic Layer (BLL) that process the application data and also stores or retrieves data to or from the database. The View (Presentation Layer) displays information to the user and the Controller (Controlling Logic Layer) handles user interactions and input. Fig -1: MVC Architecture 3.1 MVC Architecture using JAVA Developing Web Application in Java, The Models where developed using Enterprise Java Beans (EJB) and the Java API(JPA), the View where developed using Java Server Page (JSP), The Controllers where developed usingJava Servlets(.java). The given figure shows the MVC design pattern using Java. User View Controller Model](https://image.slidesharecdn.com/irjet-v6i841-191125051611/75/IRJET-A-Study-Focused-on-Web-Application-Development-using-MVC-Design-Pattern-2-2048.jpg)
![International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 244 5. CONCLUSION MVC is a software design pattern built around the interconnection of three main component types: Model, View, and Controller, often with a strong focus on object-oriented programming (OOP) software paradigms. MVC is a framework for building web applications using an MVC Design. The MVC is very useful for developing Interactive and Dynamic Web Applications. It has become the most powerful and dominant Programming Paradigm for developing large scale and Dynamic Web Applications. Here we have developed a web-based application using MVC framework using Java Web Architecture. REFERENCES [1] J. G. D. David A. Botwe, "A Comparative Study of Web Development Technologies Using Open Source and Proprietary Software," International Journal of Computer Science and Mobile Computing , vol. 4, no. 2, pp. 154-165, 2015. [2] J. M. a. M. M. Nick Heidke, "Assessing the Effectiveness of the Model View Controller," Architecture for Creating Web Applications. [3] L. Hao, "Application of MVC Platform in Bank E-CRM," International Journal of u- and e- Service, Science and Technology , vol. 6, no. 2, pp. 33-42, 2013. [4] A. W. A. S. Rinci Kembang Hapsari, "Architecture Application Model View Controller (Mvc) in Designing Information System of Msme Financial Report," Quest Journals Journal of Software Engineering and Simulation, vol. 3, no. 7, p. 37, 2017. [5] A. M. a. L. Rauf, "MVC Architecture: A Detailed Insight to the Modern Web Applications Development," Crimson Publishers, vol. 1, no. 1, pp. 1-7, 2018. [6] M. Bhatt, "J2EE and MVC Architecture," Journal of Global Research Computer Science & Technology , vol. 1, no. 2, pp. 25-29, 2014. [7] C. Pitt, Pro PHP MVC, New York: Apress, 2012. BIOGRAPHIES Mr. Ram Naresh Thakur is an IT professional & currently pursuing his PhD from Mewar University, Rajasthan, India. His research interest includes software engineering. Dr. U. S. Pandey is currently working as a Professor in University of Delhi, India. He has authored several books and has good number of paperpublications in national & international journals.](https://image.slidesharecdn.com/irjet-v6i841-191125051611/75/IRJET-A-Study-Focused-on-Web-Application-Development-using-MVC-Design-Pattern-8-2048.jpg)
Uploaded byIRJET Journal
IRJET- A Study Focused on Web Application Development using MVC Design Pattern
The document discusses developing a web application using the Model-View-Controller (MVC) design pattern with Java. It begins with introducing MVC and its components - Model, View, Controller. It then discusses implementing MVC with Java technologies like Java Server Pages, Java Servlets, and Java Persistence API to develop the model and integrate it with the database. The paper develops a student management application to demonstrate performing CRUD operations with MVC architecture in Java. It concludes that MVC is very useful for building interactive, dynamic web applications and has become a dominant pattern for large-scale web development.
IRJET- A Study Focused on Web Application Development using MVC Design Pattern
- 1. International Research Journalof Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 237 A Study Focused on Web Application Development using MVC Design Pattern Ram Naresh Thakur1, Dr. U.S. Pandey2 1Research Scholar, Mewar University, Rajasthan, India 2Professor, University of Delhi ---------------------------------------------------------------------***---------------------------------------------------------------------- Abstract - The Model-View-Controller (MVC) is very useful for developing Interactive and Dynamic Web Applications. It has become the most powerful and dominant Programming Paradigm for developinglargescaleandDynamicWebApplications. With MVC, developers can trust on design patterns that are widely accepted as solutions for recurring problems and used to develop flexible, reusable and modular Software. Applying the MVC design pattern to WebApplicationsisthereforecomplicatedbythefact that current technologies encourage developers to partition the application as early as in the design phase. In this work we have developed a web-based application using MVC framework using Java Web Architecture. Key Words: MVC, Dynamic, Web Application, Programming Paradigm, Developers, Design Phase, Java Web Architecture. 1. INTRODUCTION 1.1 Web Application A Web Application is a distributed application that runs on more than one Computer and communicates through a Network or a Server. Specifically, a Web Application is accessed with a Web Browser as a client and provides the facility to update and manage a program without deployingandinstallingApplicationonclient Computers. WebApplicationsareusedfor Email, Online Retail Purchase/Sales, Online Banking, among others.TheadvantageofWebApplicationisthatcanbeaccessand used by millions of people at the same time [1]. 1.2 MVC Architecture MVC is a software design pattern built around the interconnection of three main component types: Model, View, and Controller, often with a strong focus on object-oriented programming (OOP) software paradigms. MVC is a framework for building web applications using an MVC Design. It is the most important architecture of development the software now a day. This architecture automatically managed the code and help the programmer to develop the well-managed Web Applications. 2. LITERATURE REVIEW The MVC software application architecture has been widely embraced as an approach for developing Web-based systems that contain a server-side programming component, particularlyforthoserequiringdatabaseaccess.MVCisolatesthe business logic from the user interface, with the goal of creating applications that are easier to manage and maintain because designers can modify the visual appearance of the applicationandprogrammerscanmodifytheunderlyingbusinessruleswith fewer harmful side effects. The bulk of the published literature on MVC Web applications describes the architecture and underlying specification of these systems, but does not specificallyaddressthe effectivenessofthearchitecture.Thepurposeof this research is to compare MVC to other widely-used Web development methods in terms of development time, maintainability, and ability to support and enhance interaction among designers and programmers [2]. MVC Design Patter is the Architecture that presents several views for the same data. It separates the Data Layer and the Expression Layer, and divides the Application objects into three classes: Model class, View class and Control class. Model class implements the Business and Data Logic; View class implements the Display Logic, and Control class implements the Control Processing. MVC holds the three logic types independency to build the Business and Data Logic oriented business and design the control and display logic-oriented application. The changing of business processing does not modify the business and data logic. The changing of business principles and algorithms only modifies Model class. So MVC separates the data accessing and display and ensure the modules independency [3].
- 2. International Research Journalof Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 238 The MVC architecture pattern divides an application layer into three components. The model contains the functions and core data. View display information to the user. The controller handles user input and information. View and Controller both composed the user interface. MVC follows the mostcommonapproachtoLayering.Layeringisa servicethat separatesour code into functions into different classes. This approachiseasilyrecognizedandthemostwidelyaccepted.Themainadvantage of this approach is the reusability of the code [4]. MVC design pattern helps us to implement the separation of applicationamongtheModel,ViewandControllerclasses within applications. Separation of application makes it easy for us to test our application as relation among different components of application. MVC help ustoimplementa test-drivenapplicationdevelopmentapproach,inwhichweimplement automated test phase before we write the code. These unit test phases help us pre-define andverify requirementsofnewcode before writing it [5]. MVC design pattern to develop and implement a dynamicE-businesssystemoranInternetapplication. The enterprise level application is developing quickly, and the E-commerce market is growing fast, more and more enterprise level projects presents the development trend that they take the Webtechnologyasthecentral technology.Atthesametime,thedependence to the server end technology like the middleware is also increasing. So, the Information Technology department of the Enterprise needs a feasible way to develop the application, and make the application be related with that middleware which are flexible and can be transplanted [6]. 3. PROPOSED FRAWORK MVC Architecture is a modern Design Pattern of developing Application. It is separate the application into threemain Layers: Model, View and Controller. The Model contain the Business Logic Layer (BLL) that process the application data and also stores or retrieves data to or from the database. The View (Presentation Layer) displays information to the user and the Controller (Controlling Logic Layer) handles user interactions and input. Fig -1: MVC Architecture 3.1 MVC Architecture using JAVA Developing Web Application in Java, The Models where developed using Enterprise Java Beans (EJB) and the Java API(JPA), the View where developed using Java Server Page (JSP), The Controllers where developed usingJava Servlets(.java). The given figure shows the MVC design pattern using Java. User View Controller Model
- 3. International Research Journalof Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 239 Fig -2: MVC Architecture using JAVA 4. IMPLIMENTATION In this architecture, user HTTP requests are routed through a Controller, which is implemented as a Servlet (StudentServlet.java). The controller is responsible for processing the request, instantiating Model class (Student.java) if needed, and selecting the response to be returned to the browser. If using JSP page(StudentPage.jsp)fortheview,theJSPpage is able to retrieve data stored in the model's JavaBeans using the JSP Expression Language. Fig -3: Snapshot 1 Client (Browser) Database Server Controller (Servlet) Model (EJB and JPA) View (JSP Pages) Request Response
- 4. International Research Journalof Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 240 Fig -4: Snapshot 2
- 5. International Research Journalof Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 241 Fig -5: Snapshot 3
- 6. International Research Journalof Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 242 Fig -6: Snapshot 4
- 7. International Research Journalof Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 243 4.1 User Interface of the above application CRUD Operation Using Java Fig -7: Adding Information Fig -8: View/ Edit/ Delete Information
- 8. International Research Journalof Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 06 Issue: 08 | Aug 2019 www.irjet.net p-ISSN: 2395-0072 © 2019, IRJET | Impact Factor value: 7.34 | ISO 9001:2008 Certified Journal | Page 244 5. CONCLUSION MVC is a software design pattern built around the interconnection of three main component types: Model, View, and Controller, often with a strong focus on object-oriented programming (OOP) software paradigms. MVC is a framework for building web applications using an MVC Design. The MVC is very useful for developing Interactive and Dynamic Web Applications. It has become the most powerful and dominant Programming Paradigm for developing large scale and Dynamic Web Applications. Here we have developed a web-based application using MVC framework using Java Web Architecture. REFERENCES [1] J. G. D. David A. Botwe, "A Comparative Study of Web Development Technologies Using Open Source and Proprietary Software," International Journal of Computer Science and Mobile Computing , vol. 4, no. 2, pp. 154-165, 2015. [2] J. M. a. M. M. Nick Heidke, "Assessing the Effectiveness of the Model View Controller," Architecture for Creating Web Applications. [3] L. Hao, "Application of MVC Platform in Bank E-CRM," International Journal of u- and e- Service, Science and Technology , vol. 6, no. 2, pp. 33-42, 2013. [4] A. W. A. S. Rinci Kembang Hapsari, "Architecture Application Model View Controller (Mvc) in Designing Information System of Msme Financial Report," Quest Journals Journal of Software Engineering and Simulation, vol. 3, no. 7, p. 37, 2017. [5] A. M. a. L. Rauf, "MVC Architecture: A Detailed Insight to the Modern Web Applications Development," Crimson Publishers, vol. 1, no. 1, pp. 1-7, 2018. [6] M. Bhatt, "J2EE and MVC Architecture," Journal of Global Research Computer Science & Technology , vol. 1, no. 2, pp. 25-29, 2014. [7] C. Pitt, Pro PHP MVC, New York: Apress, 2012. BIOGRAPHIES Mr. Ram Naresh Thakur is an IT professional & currently pursuing his PhD from Mewar University, Rajasthan, India. His research interest includes software engineering. Dr. U. S. Pandey is currently working as a Professor in University of Delhi, India. He has authored several books and has good number of paperpublications in national & international journals.