P5 Develop a func onal business applica on based on a speci ed business problem.. Develop a func onal business applica on .... Develop a func onal business applica on❖ Develop tools: I u
En ty Rela onship Diagram (ERD)
Develop a func onal business applica on
I use Visual studio tools to code Visual Studio is an Integrated Development Environment(IDE) developed by
Microso to develop GUI(Graphical User Interface), console, Web applica ons, web apps, mobile apps, cloud, and released in 1997, named as Visual Studio 97 having version number 5.0 The latest version of Visual Studio is 15.0 which was released on March 7, 2017 It is also termed as Visual Studio 2017 The supported Net Framework Versions in latest Visual Studio is 3.5 to 4.7 Java was supported in old versions of Visual Studio but in the latest version doesn’t provide any support for Java language
Data, comprising facts and figures, is readily accessible to users through the internet and various sources Structured Query Language (SQL) emerged as a tool to manipulate this vast data Various versions of SQL are available from different organizations, and this article focuses specifically on Microsoft's version of SQL, which allows users to retrieve and manage data efficiently.
I use SQL built in Visual Studio Data is a collec on of facts and gures and we have huge data available to users through internet and other sources For data manipula on, Structured Query Language (SQL) was introduced many years ago There are di erent versions of SQL available in the market provided by di erent organiza ons In this ar cle, we will see the SQL version provided by Microso
I use HTML in my website build.HTML stands for Hypertext Markup Language It is used to design web pages in markup language HTML is a combina on of Hypertext and Markup Language Hypertext iden es links between web pages The markup language used to de ne text documents in tags de nes the structure of web pages This language is used to annotate (take notes for the computer) text so that the machine can understand and manipulate the text accordingly Most markup languages (e.g HTML) are human readable The language uses tags to de ne what opera ons must be performed on the text
Through the utilization of CSS (Cascading Style Sheets), web developers can control the presentation of web pages by defining styles independently from the HTML content CSS grants developers the ability to customize the visual appearance of websites, including colors, fonts, spacing, and more Additionally, CSS empowers them to specify the positioning of elements within the browser, enabling greater control over the user interface.
ASP.NET is a web applica on framework designed and developed by Microso ASP.NET is open source and a subset of the NET Framework and successor of the classic ASP(Ac ve Server Pages) With version 1.0 of the NET Framework, it was rst released in January 2002 So a ques on comes to mind that which technology we were using before the year 2002 for developing web applica ons and services? Answer is Classic ASP So before NET and ASP.NET there was Classic ASP
ASP.NET is built on the CLR(Common Language Run me) which allows the programmers to execute its code using any NET language(C#, VB etc.) It is specially designed to work with HTTP and for web developers to create dynamic web pages, web applica ons, web sites, and web services as it provides a good integra on of HTML, CSS, and JavaScript
Methodologies also used for designing mobile apps
Figure 6:Model-View-Controller Controller: The controller is the component that enables the interconnec on between the views and the model so it acts as an intermediary The controller doesn’t have to worry about handling data logic, it just tells the model what to do It process all the business logic and incoming requests, manipulate data using the Model component and interact with the View to render the nal output
The View component in MVC architecture handles the user interface logic It generates the user interface based on data provided by the Model component, but does not directly access the Model Instead, it interacts with the Controller to retrieve data and update the user interface accordingly.
Model: The Model component corresponds to all the data-related logic that the user works with This can represent either the data that is being transferred between the View and Controller components or any other business logic-related data It can add or retrieve data from the database It responds to the controller’s request because the controller can’t interact with the database by itself The model interacts with the database and gives the required data back to the controller
Models folders: This folder is used to declare the Cart, Category, ErrorViewModel, OrderProduct, Navbar , Product, ProductCart, Sidebar
Here is the detailed display of the view folders:
+ Categories folder: includes interfaces such as:_ViewStart, Create, Delete, Details, Edit,Index
Figure 9:Categories Home folders: Includes interfaces such as: Index, MyCartShow, OrderView , Privacy,
Figure :BookView 10+ Order Products folders: Includes interfaces such as: Create, Delete, Details, Edit,Index
Figure :OrderProducts 11+ Products folders: Includes interfaces such as: Create, Delete, Details, Edit,Index
+ Shared folders: Includes interfaces such as: Components folder, _Admin,_Layout,_Product, _Valida onScriptsPar al
Figure : Shared 13 wwwroot folder: This is the folder to store the source css, fonts, js, libraries as well as images (in uploads folder) to serve the website
4 Code source samples of the applica on with an explana on
To get a website up and running using the ASP.NET Core framework First we create the necessary models for the project like: Cart, Category, ErrorViewModel, OrderProduct, Product, ProductCart,
Figure :Book Model 15 b Category Model
Figure :Home Controller 27 gu e 7 : o e Co t o e
Figure :Home Controller 28 gu e 8 : o e Co t o e
+ Create():This func on is used to add a new product to an OrderProduct
+ Edit() : This func on is used to edit OrderProduct informa on
+ Delete(): This func on is used to delete OrderProduct
+DeleteCom rm():This func on is used to con rm that you want to Delete OrderProduct
+ Create():This func on is used to create a new Product
+ Edit() : This func on is used to edit Product informa on
+Detail():This func on is used to view detailed Product informa on
+ Delete(): This func on is used to delete Product
+DeleteCom rm():This func on is used to con rm that you want to Delete Product
A er crea ng Controller, we create les in the Views folder
The next step is to connect the data to the database; to do this, we connect to SQL Server using the following statement in the appse ngs.json le:
5 Final screenshots of the applica on
There are all pages of my website:
Figure :Admin Page 45Add NewBook Page:
6 Screenshots of using GitHub to manage the source code
Link : h ps://github.com/baanh0111/Demo/tree/master/Demo
The project's source code is hosted on GitHub complete product than what was originally envisioned The following table contrasts Ini al Requirements before to change, following change, and following project comple on:
Case Describe Result Image Complete
(User) Can view books, search books and view book details
Can view books, search books and view book details
(User) Can add and remove products and order
Users can add products by clicking on the (+) sign and reduce books by clicking on the (-) sign and press the Check Out bu on to order
2 Conclude whether the applica on adapts all requirements, or it needs to be improved later
The system's primary opera ons remain steady It has login and logout func onality, CRUD, role management, the ability for the admin to accept or reject the shop owner's request for a new book catalog Based on data about each customer, company owner, and administrator, we want to introduce more services in the future, such as a more pleasurable user experience and online payments
3 Analyze the factors that in uence the performance of the applica on
The so ware's opera on was assessed in light of a wide range of scenarios and poten al outcomes that may occur during user use To encrypt data as e ec vely as possible while elimina ng uninten onal mistakes, the developer has solved a number of concerns A customer, for instance, won't be able to use or access the admin capabili es since they don't have the privileges listed in the required paperwork However, the developer lessens the
GeeksforGeeks (2020) Introduc on of MS SQL Server [online] Available at: h ps://www.geeksforgeeks.org/introduc on- -of ms-sql-server/.[Accessed 8 March 2024]
GeeksforGeeks (2022) MVC Framework Introduc on [online] Available at: https://www.geeksforgeeks.org/mvc- framework-introduc on/.[Accessed 8 March 2024]
User Interface (UI) design involves creating interfaces that are both visually appealing and functional Diagrams.net offers advanced features for creating high-quality diagrams Skillshare provides comprehensive guidance for beginners in graphic design, including an introduction to Figma W3Schools introduces HTML, the foundational language for web design, and React, a popular JavaScript framework for building interactive user interfaces.
Pinegrow Web Editor (n.d.) Introduc on to Tailwind CSS [online] Available at: h ps://pinegrow.com/docs/tailwind/introduc on-to-tailwindcss/ [Accessed 8 March 2024]
Wikipedia Contributors (2019) Apache HTTP Server [online] Wikipedia Available at: h ps://en.wikipedia.org/wiki/Apache_HTTP_Server [Accessed 8 March 2024]
InterviewBit (2021) Top MySQL Features [online] Available at: h ps://www.interviewbit.com/blog/mysql- features/.[Accessed 8 March 2024].
Code source samples of the applica on with an explana on
To get a website up and running using the ASP.NET Core framework First we create the necessary models for the project like: Cart, Category, ErrorViewModel, OrderProduct, Product, ProductCart,
Figure :Book Model 15 b Category Model
Figure :Home Controller 27 gu e 7 : o e Co t o e
Figure :Home Controller 28 gu e 8 : o e Co t o e
+ Create():This func on is used to add a new product to an OrderProduct
+ Edit() : This func on is used to edit OrderProduct informa on
+ Delete(): This func on is used to delete OrderProduct
+DeleteCom rm():This func on is used to con rm that you want to Delete OrderProduct
+ Create():This func on is used to create a new Product
+ Edit() : This func on is used to edit Product informa on
+Detail():This func on is used to view detailed Product informa on
+ Delete(): This func on is used to delete Product
+DeleteCom rm():This func on is used to con rm that you want to Delete Product
A er crea ng Controller, we create les in the Views folder
The next step is to connect the data to the database; to do this, we connect to SQL Server using the following statement in the appse ngs.json le:
Final screenshots of the applica on
There are all pages of my website:
Figure :Admin Page 45Add NewBook Page:
Screenshots of using GitHub to manage the source code
Link : h ps://github.com/baanh0111/Demo/tree/master/Demo
The project's source code is publicly available on GitHub, allowing for transparency and collaboration Through iterative development, the product evolved from its initial requirements into a more comprehensive offering, exceeding its original scope.
Case Describe Result Image Complete
(User) Can view books, search books and view book details
Can view books, search books and view book details
(User) Can add and remove products and order
Users can add products by clicking on the (+) sign and reduce books by clicking on the (-) sign and press the Check Out bu on to order
2 Conclude whether the applica on adapts all requirements, or it needs to be improved later
The system's primary opera ons remain steady It has login and logout func onality, CRUD, role management, the ability for the admin to accept or reject the shop owner's request for a new book catalog Based on data about each customer, company owner, and administrator, we want to introduce more services in the future, such as a more pleasurable user experience and online payments
3 Analyze the factors that in uence the performance of the applica on
The so ware's opera on was assessed in light of a wide range of scenarios and poten al outcomes that may occur during user use To encrypt data as e ec vely as possible while elimina ng uninten onal mistakes, the developer has solved a number of concerns A customer, for instance, won't be able to use or access the admin capabili es since they don't have the privileges listed in the required paperwork However, the developer lessens the
GeeksforGeeks (2020) Introduc on of MS SQL Server [online] Available at: h ps://www.geeksforgeeks.org/introduc on- -of ms-sql-server/.[Accessed 8 March 2024]
GeeksforGeeks (2022) MVC Framework Introduc on [online] Available at: https://www.geeksforgeeks.org/mvc- framework-introduc on/.[Accessed 8 March 2024]
Wikipedia Contributors (2019) User interface design [online] Wikipedia Available at: h ps://en.wikipedia.org/wiki/User_interface_design [Accessed 8 March 2024] www.diagrams.net (n.d.) Features of diagrams.net and draw.io [online] Available at: h ps://www.diagrams.net/features/.[Accessed 8 March 2024] h ps://www.skillshare.com/en/blog/what-is- gma-a-complete-introduc on-for-beginners/ W3Schools (2022) Introduc on to HTML [online] W3schools.com Available at: h ps://www.w3schools.com/html/html_intro.asp [Accessed 8 March 2024] www.w3schools.com (n.d.) Introduc on to React [online] Available at: h ps://www.w3schools.com/react/react_intro.asp [Accessed 8 March 2024]
Pinegrow Web Editor (n.d.) Introduc on to Tailwind CSS [online] Available at: h ps://pinegrow.com/docs/tailwind/introduc on-to-tailwindcss/ [Accessed 8 March 2024]
Wikipedia Contributors (2019) Apache HTTP Server [online] Wikipedia Available at: h ps://en.wikipedia.org/wiki/Apache_HTTP_Server [Accessed 8 March 2024]
InterviewBit (2021) Top MySQL Features [online] Available at: h ps://www.interviewbit.com/blog/mysql- features/.[Accessed 8 March 2024].
Conclude whether the applica on adapts all requirements, or it needs to be improved later
The system's core functions remain stable, including user authentication, data management (CRUD), role assignments, and approval workflows for new product catalogs Building upon user data collected from customers, business owners, and admins, future enhancements aim to provide a more seamless user experience, integrate online payment capabilities, and expand service offerings based on user insights.
Analyze the factors that in uence the performance of the applica on
The software's operation was rigorously evaluated across various scenarios and potential outcomes The developer proactively addressed key concerns to ensure optimal data encryption and eliminate unintentional errors By implementing strict role-based permissions, the software prevents unauthorized users from accessing or utilizing sensitive administrative capabilities, minimizing potential security breaches.
GeeksforGeeks (2020) Introduc on of MS SQL Server [online] Available at: h ps://www.geeksforgeeks.org/introduc on- -of ms-sql-server/.[Accessed 8 March 2024]
GeeksforGeeks (2022) MVC Framework Introduc on [online] Available at: https://www.geeksforgeeks.org/mvc- framework-introduc on/.[Accessed 8 March 2024]
Wikipedia Contributors (2019) User interface design [online] Wikipedia Available at: h ps://en.wikipedia.org/wiki/User_interface_design [Accessed 8 March 2024] www.diagrams.net (n.d.) Features of diagrams.net and draw.io [online] Available at: h ps://www.diagrams.net/features/.[Accessed 8 March 2024] h ps://www.skillshare.com/en/blog/what-is- gma-a-complete-introduc on-for-beginners/ W3Schools (2022) Introduc on to HTML [online] W3schools.com Available at: h ps://www.w3schools.com/html/html_intro.asp [Accessed 8 March 2024] www.w3schools.com (n.d.) Introduc on to React [online] Available at: h ps://www.w3schools.com/react/react_intro.asp [Accessed 8 March 2024]
Pinegrow Web Editor (n.d.) Introduc on to Tailwind CSS [online] Available at: h ps://pinegrow.com/docs/tailwind/introduc on-to-tailwindcss/ [Accessed 8 March 2024]
Wikipedia Contributors (2019) Apache HTTP Server [online] Wikipedia Available at: h ps://en.wikipedia.org/wiki/Apache_HTTP_Server [Accessed 8 March 2024]
InterviewBit (2021) Top MySQL Features [online] Available at: h ps://www.interviewbit.com/blog/mysql- features/.[Accessed 8 March 2024].