net technology mvc website project final report

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

VIETNAM GENERAL CONFREDERATION OF LABOR TON DUC THANG UNIVERSITY FACULTY OF INFORMATION

Course : 24

HO CHI MINH CITY, 2023

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

VIETNAM GENERAL CONFREDERATION OF LABOR TON DUC THANG UNIVERSITY FACULTY OF INFORMATION

HO CHI MINH CITY, 2023

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

i

THANK YOU

After working for a whole semester with the enthusiastic help and support ofMr. Nguyễn Ngọc Phiên, I was able to complete the report in the most complete andeffective way. His teaching has given our students a lot of knowledge as well as fullskills in the specialized subject. Although couple of months is quite short, but that timehas also helped me to easily approach the major step by step with a solid foundation,especially with the encouragement and help from seasoned lecturers.

I sincerely thank

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

ii

REPORT COMPLETED AT TON DUC THANG UNIVERSITY

I commit that this is my own project and is guided by Mr. Nguyen Ngoc Phien.The content and results contained are research – centric and have not been published inany form before. The data in the tables for analysis, comments and evaluation arecollected by the main author from different sources, which are clearly stated in thereference section.

In addition, the project also uses a number of comments, assessments as well asdata of other authors, other agencies and organizations, all with citations and sourceannotations.

If I find any fraud, I will take full responsibility of the content of myproject. Ton Duc Thang University is not related to copyright and license caused byme during the implementation process (if any).

Ho Chi Minh city, date month year Author

MAI BẢO THẠCH NGUYỄN ĐẶNG ANH QUÂN

TRẦN MINH PHÚC

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

iii

TEACHER’S CONFIRMATION AND ASSESSMENT SECTION

Section confirmed by guiding teacher

Ho Chi Minh city, date month year (signature and write full name)

Section confirmed by grading teacher

Ho Chi Minh city, date month year (signature and write full name)

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

iv

SUMMARY

The assignment is built for the purpose of software knowledge about requirements, butalso for consolidating knowledge after studying at school. The content of theassignment revolves around the basic knowledge of the web/app and diagrams of thissubject. Regarding the research method, the assignment is based on the learnedknowledge, lecture slides, and textbooks given by the lecturer during the learningprocess. The result obtained after this assignment is the knowledge that can beconsolidated in the most general way as well as in place of the assignment of the 1stterm during the period of extremely stressful epidemic developments.

.

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

REPORT COMPLETED AT TON DUC THANG UNIVERSITY...ii

TEACHER’S CONFIRMATION AND ASSESSMENT SECTION...iii

Section confirmed by guiding teacher...iii

Section confirmed by grading teacher...iii

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

2

5.4 Technology, software, and hardware used...13

5.5 Rationale for your architectural style and model...14

Source code management:...29

Regulations of the Faculty of Information Technology:...29

REFERENCES...30

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

3

LIST OF TABLES, PICTURES, GRAPHS

Figure 1 Database design...15

Figure 2 User login...16

Figure 3 Select roles...16

Figure 4 Registration...18

Figure 5 Forgot password...18

Figure 6 Main page...19

Figure 7 Detail...19

Figure 8 History and confirmation...20

Figure 9 Cart...20

Figure 10 Order...21

Figure 11 Shop main page...21

Figure 12 Add/Edit Product...22

Figure 13 Add product...22

Figure 14 Order confirmation...23

Figure 15 Orders status...23

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

The purpose of this sales system is to expand the cosmetics sales market withnew features and suit current needs such as: management of staffs, revenue, income,product maintenence, registering as a member by adminstrator, log in to accumulatemember points to access the working section, ... Besides those features, the salessystem also ensures that a large number of visitors find products quickly and receiveinformation. Full information and details of the product customers are looking for.1.2 Document Conventions

This report is customary with Times New Roman font, font size 13 for regulartext, 14 for level 1 subsections and 16 for chapter titles of each section. A line spacingof 1.5 is required to ensure that the reader of this report can easily identify anytypographical errors.

For system developers to easily identify important headings to avoid confusion,system process specifications should be grouped by sub-category 2. Diagrams shouldbe centered and the size is 1 A4 page, the picture is clear. When inserting pseudo-codes

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

5

for an example of a feature, the system needs to copy and assign the entire code, avoidscreen capture and merge into the report content.

1.3 Intended Audience and Reading Suggestions

This report is written for the store owner and the store's facility managers canunderstand the sequence and manipulate the data about the products the store is selling,manage the entire stock, the shipping process and store personnel. For employees at thestore, when reading this document, they can understand the sales process at the store. *This report is also read by the investors and system developers to take notes, fix bugsand develop the system during meetings.

1.4 Product Scope

This system allows store owners and store managers to manage the number ofemployees, the number of products, and the store's daily sales. The storeowner/manager will be granted a distinct admin account to be able to update thenumber of new products and update detailed product information.

For staffs who are store’s employees, they will log in to their accounts in themorning or evening shifts because the system is available by default so that after theemployee's shifts, they can close the number of products sold and sales. collected inthat session. Employees are granted operations with the default account during theirworking hours such as: receiving orders from customers, confirming customers of thestore's members, printing invoices, updating quantities of products in the stock.

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

The management software will have 3 interfaces: manager, employee, owner.After the item is prepared, it will be notified through the interface of the staff who willknow if the order has been prepared or not. The owner will have the right to modify thedatabase such as adding new products or employees, adjusting the current quantity ofgoods. After all, the manager will base on the bill that the staff had added and updatethe income for owner to view the revenue.

2.2 Product Functions2.2.1. Stock management:

The store manager (shop manager) will be the person in charge of recording thenumber of products in stock and can add or remove products and update the amount ofstock left on the shelf and sold out through the app to let Store's The owner can mosteasily track and the staff will also be able to see the status of the goods and update it onthe website for customers to follow.

2.2.2. Handling bill and order:

When customers use the website to place an order, the system will go throughstock management to check the status of the goods or not to make an order for thecustomer. After completing the order, the system will record it. back to update the

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

10

Basic, and F#. ASP.NET provides developers with a robust set of tools and libraries forbuilding web applications, including web forms, MVC (Model-View-Controller)architecture, and web APIs.

ASP.NET provides a number of features that make it an attractive framework forbuilding web applications. One of the key features is its ability to separate thepresentation layer from the business logic layer. This separation allows developers tobuild scalable and maintainable web applications that can be easily modified andextended.

Another key feature of ASP.NET is its support for server-side scripting languages,such as C# and VB.NET. This support enables developers to write code that executeson the server, which can greatly improve the performance and scalability of webapplications.

ASP.NET also provides a number of tools and libraries that make it easy to buildweb applications that are secure and reliable. For example, ASP.NET provides built-insupport for authentication and authorization, as well as tools for encrypting anddecrypting data.

Overall, ASP.NET is a powerful and flexible framework for building webapplications that is well-suited for large-scale, enterprise-level projects. Its wide rangeof features and support for multiple programming languages make it a popular choiceamong developers who are looking to build high-quality web applications quickly andefficiently.

5.3 MVC model:

ASP.NET MVC (Model-View-Controller) is a web application developmentframework that is built on top of ASP.NET. It is designed to provide developers with astructured approach to building web applications that separates the application logicinto three main components: Model, View, and Controller.

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

11

The Model component in ASP.NET MVC represents the business logic and dataof the application. It encapsulates the data and provides the necessary operations tointeract with the data. The Model component in ASP.NET MVC is typicallyimplemented using a data access technology, such as Entity Framework, or a customdata access layer that interacts with a database or other data sources.

The View component in ASP.NET MVC represents the user interface of theapplication. It is responsible for rendering the data to the user and providing a way forthe user to interact with the data. Views are typically implemented using HTML, CSS,and JavaScript, and can be created using a variety of tools, including Visual Studio andother text editors.

The Controller component in ASP.NET MVC acts as an intermediary betweenthe Model and the View. It handles incoming requests from the user and decides whichaction to take based on the request. The Controller is responsible for invoking theappropriate operations on the Model to retrieve or modify data, and then passing thedata to the View to be rendered to the user.

Overall, the ASP.NET MVC model provides developers with a clean andmaintainable way to build web applications by separating the application logic intodistinct and easily testable components. By following this pattern, developers cancreate scalable and modular web applications that are easy to maintain and extend overtime.

5.4 Technology, software, and hardware used

- Software uses: Microsoft Visual Studio, Microsoft SQL Server Management Studio.

5.5 Rationale for your architectural style and model

The.NET Framework architecture is a collection of software componentsdesigned to aid in the creation of desktop, web, and mobile applications. The.NETFramework is made up of libraries that developers can use to create their applications.Classes in the libraries handle data storage, error handling, and other tasks that are

</div><span class="text_page_counter">Trang 19</span><div class="page_container" data-page="19">

13

6. Function description:

Login: The user will enter their email/username and password on the website'slogin page. If the credentials match the website's records, the user will bedirected to their account dashboard or the page they were trying to access.Register: The user will provide their email address and choose a password, andthe website will automatically send a confirmation email to the email addressprovided. The user will need to click on the confirmation link to complete theregistration process and access their account.

Forgot password: If the user forgets their password, they can click on the "forgotpassword" link and enter their email address. The website will send a one-timepassword (OTP) to the email address provided, and the user will need to enterthe OTP on the website to reset their password.

Validate expired or wrong OTP: If the user enters an expired or wrong OTP, thewebsite will display an error message asking the user to try again or request anew OTP.

Validate user's login: When a user logs in, the website will check theemail/username and password entered against its database of user credentials. Ifthe login details are correct, the user will be granted access to their account.View detail of products: The user can click on a product listing to view itsdetails, such as description, price, images, and reviews.

Add product from various store to cart: The user can add products to theirshopping cart by clicking on an "add to cart" button on the product detail pageor search result page. The cart will show the product name, price, quantity, andtotal cost.

Update quantity/Remove product in cart: The user can update the quantity of aproduct or remove it from their cart on the cart page. The cart will automaticallyupdate the total cost based on the changes made.

</div><span class="text_page_counter">Trang 20</span><div class="page_container" data-page="20">

14

Checkout section: The user can proceed to checkout by clicking on a "checkout"button on the cart page. They will need to provide shipping and paymentinformation, review their order details, and confirm the purchase.

Transaction history/Order statuses: The user can view their transaction historyand order statuses on their account dashboard. The website will display theorder date, product details, total cost, and order status (e.g., processing, shipped,delivered).

Cancel orders: The user can cancel an order if it has not been shipped yet. Theywill need to contact the website's customer support team or follow thecancellation process outlined on the website.

Searching filter: The user can search for products by entering keywords,filtering by category, brand, price range, and other criteria on the search page.The website will display the search results based on the user's query and filters.Login: The staff member will enter their username/email and password on thewebsite's login page. If the credentials match the website's records, the staffmember will be directed to their staff dashboard or the page they were trying toaccess.

CRUD products: CRUD stands for Create, Read, Update, and Delete. Staffmembers can create new products, read the details of existing products, updatethe details of existing products (such as price, description, and images), anddelete products that are no longer being sold. This functionality would likely beaccessed through a staff-only section of the website.

Order status confirmation: When a customer places an order, the staff memberwill receive a notification or an email with the order details. The staff membercan then confirm the order status by updating the order status in the website'sdatabase (e.g., processing, shipped, delivered). This information can bedisplayed to the customer on their account dashboard or in order confirmation

</div><span class="text_page_counter">Trang 22</span><div class="page_container" data-page="22">

16

</div><span class="text_page_counter">Trang 23</span><div class="page_container" data-page="23">

17

<small>Figure 4 Forgot password</small>

</div><span class="text_page_counter">Trang 24</span><div class="page_container" data-page="24">

18

</div><span class="text_page_counter">Trang 25</span><div class="page_container" data-page="25">

19

<small>Figure 6 Main page</small>

</div><span class="text_page_counter">Trang 26</span><div class="page_container" data-page="26">

20

<small>Figure 8 Cart</small>

</div><span class="text_page_counter">Trang 27</span><div class="page_container" data-page="27">

21

<small>Figure 10 Order</small>

</div>