Công nghệ web Đề tài xây dựng website kinh doanh mỹ phẩm

Chính vì vậy, thiết kế website bán mỹ phẩm để hỗ trợ bán hàng là cần thiết và không thể thiếu đối với các shop,cửa hàng hay doanh nghiệp kinh doanh loại sản phẩm này.. Bởi vì, bạn có thể

ĐẠI HỌC ĐÀ NẴNGTRƯỜNG ĐẠI HỌC CNTT – TT VIỆT HÀN KHOA KĨ THUẬT MÁY TÍNH

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CNTT – TT VIỆT HÀN KHOA KĨ THUẬT MÁY TÍNH

CÔNG NGHỆ WEB

ĐỀ TÀI:

XÂY DỰNG WEBSITE KINH DOANH MỸ PHẨM

Sinh viên thực hiện : TRẦN THANH HUYỀN MASV: 21IT283

Giảng viên hướng dẫn : Th S Phạm Nguyễn Minh Nhựt

Đà Nẵng, ngày 05 tháng 12 năm 2022

ĐẠI HỌC ĐÀ NẴNG

NHẬN XÉT (Của Giảng viên hướng dẫn)

Đà Nẵng, ngày … tháng … năm 20… Giảng viên hướng dẫn

ThS Phạm Nguyễn Minh Nhựt

LỜI CẢM ƠN

Trong suốt thời gian học tập, nghiên cứu đề tài “Xây dựng website Kinhdanh mỹ phầm bằng lavarel”, chúng em đã nhận được sự giúp đỡ, chỉ bảonhiệt tình của thầy để hoàn thành đồ án này Để có được bài đồ án như này,

em xin được bày tỏ lòng biết ơn chân thành và sâu sắc nhất tới thầy Nhờnhững sự chỉ bảo hướng dẫn quý giá đó mà trong suốt quá trình triển khai,nghiên cứu và hoàn thành đề tài được giao một cách tốt nhất

Em xin gởi lời cảm ơn chân thành đến các Thầy Cô giáo của khoa CNTTtrường Đại Học CNTT và Truyền Thông Việt_ Hàn đã trực tiếp và gián tiếpgiảng dạy truyền đạt những kiến thức khoa học chuyên ngành bổ ích chobản thân chúng em trong những năm tháng qua

Em xin gởi tới nhà trường lời cảm tạ sâu sắc nhất vì đã tạo mọi điều kiệnthuận lợi giúp chúng em có thể phát huy hết khả năng của mình để tạo ranhững trang web ý nghĩa, thiết thực giúp cho người dùng trong công việc vàcuộc sống

Em cũng xin cảm ơn bạn bè, anh chị đã tận tình chỉ bảo, giúp đỡ em trongquá trình hoàn thành bài báo cáo, tạo cho em hiểu thêm về những kiến thưcthực tế

Mặc dù đã vận dụng tất cả kiến thức đã được học tập và kinh nghiệm thực tế

từ bản thân để hoàn thành đề tài này, song kiến thức bản thân còn hạn hẹpnên khó tránh những mặt hạn chế, thiếu sót Chúng em rất mong nhận được

ý kiến đóng góp và sự chỉ dẫn của các thầy cô giáo

Chúng em xin chân thành cảm ơn!

Đà Nẵng, Ngày 05 tháng 12 năm 2022

MỞ ĐẦU

Ngày nay, xu hướng mua sắm online ngày càng phổ biến do sự xuất hiệncủa các ông lớn trong ngành thương mại điện tử như Shopee, Tiki Thói quenmua sắm mỹ phẩm cũng vì vậy mà dần thay đổi từ offline sang online Ở ViệtNam, kinh doanh mỹ phẩm là một thị trường tuy cạnh tranh cao nhưng tiềmnăng phát triển còn rất lớn Đa phần các hãng mỹ phẩm chỉ dừng lại ở Websitegiới thiệu sản phẩm chứ chưa có Website bán hàng cho riêng mình

Sử dụng mỹ phẩm để làm đẹp hiện nay đang là nhu cầu thiết yếu, đặc biệt

là đối với phái đẹp Các shop mỹ phẩm đã dần trở nên quen thuộc đối với ngườitiêu dùng Việc ứng dụng Internet và sử dụng Website để quảng cáo sản phẩm,bán hàng online ngày càng trở nên phổ biến Chính vì vậy, thiết kế website bán

mỹ phẩm để hỗ trợ bán hàng là cần thiết và không thể thiếu đối với các shop,cửa hàng hay doanh nghiệp kinh doanh loại sản phẩm này

Một cửa hàng hoặc shop mỹ phẩm nằm trên phố, không phải ai cũng biếtđến Website bán mỹ phẩm sẽ giúp bạn mở rộng hoạt động kinh doanh bằng cácgiới thiệu, cung cấp thông tin sản phẩm và bán trên mạng Internet Nhờ hệthống phủ sóng rộng rãi của Internet nên khách hàng ở khắp mọi nơi đều có thểxem và mua sản phẩm của bạn Thuận lợi và nhanh gọn, Website chuyên nghiệpvừa giúp bạn quảng bá thông tin rộng rãi đến công chúng, vừa giúp khách hàngtiết kiệm được thời gian mua sắm, mang lại hiệu quả kinh tế cao trong hoạtđộng Sự kết hợp giữa hai hình thức thiết kế mỹ phẩm kinh doanh trên website

và bán trực tiếp tại cửa hàng chắc chắn sẽ hỗ trợ cho công việc kinh doanh trởnên thuận lợi hơn

Website là một bộ mặt của cửa hàng trên Internet, có thể quảng bá hình ảnhshop, sản phẩm của bạn đến bất kì đâu Thiết kế trang Web có đầy đủ thông tin

về đơn vị bán hàng, về sản phẩm sẽ tạo dựng sự uy tín và làm tăng mức độ uytín tại cửa hàng bạn một cách hiệu quả, mang lại sự tin tưởng từ phía khác hàng

MỤC LỤC

NHẬN XÉT 3

LỜI CẢM ƠN 4

DANH MỤC HÌNH ẢNH 1

DANH MỤC SƠ ĐỒ 2

DANH MỤC CÁC TỪ VIẾT TẮT 3

CHƯƠNG 1 TỔNG QUAN VỀ ĐỀ TÀI 4

1.1 T ng quan ổ 4

1.1.1 Lý do ch n đềề tài ọ 4

1.1.2 M c tều & n i dung th c hi n đềề tài ụ ộ ự ệ 4

1.2 Ph ươ ng pháp, kềết qu ả 4

1.2.1 Ph ươ ng pháp nghiền c u c a đềề tài ứ ủ 4

1.3 Công c thiềết kềế Website ụ 11

1.4 Sinh viền th c hi n ự ệ 14

Chương 2 CƠ SỞ LÝ THUYẾT 14

2.1 Ph ươ ng pháp phân tch và thiềết kềế h ướ ng đôếi t ượ ng 14

2.1.1 Đôếi t ượ ng là gì? 14

2.1.2 Khái ni m phân tch h ệ ướ ng đôếi t ượ ng ( Object Oriented Analysis – OOA) 14

2.1.3 Khái ni m thiềết kềế đôếi t ệ ượ ng ( Object Oriented Design – OOD) 15

2.1.4 Khái ni m UML ệ 15

2.2 Mô hình MVC 15

2.2.1 Khái ni m mô hình MVC ệ 15

2.2.2 u nh Ư ượ c đi m c a mô hình MVC ể ủ 16

- u đi m c a mô hình MVC Ư ể ủ 16

- Nh ượ c đi m c a mô hình MVC ể ủ 17

2.3 Laravel Framework 18

2.3.1 Framework là gì? 18

2.3.2 Lavarel là gì? 18

2.3.3 T i sao nền l a ch n Laravel ạ ự ọ 18

- S d ng các tnh năng m i nhâết c a PHP ử ụ ớ ủ 18

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 19

3.1 Phân tch yều câều đềề tài 19

3.1.3 Yều câều đ t ra ặ 19

3.2 Kh o sát hi n tr ng & xây d ng h thôếng ả ệ ạ ự ệ 20

3.3 Phân tch thiềết kềế h thôếng ệ 20

3.3.1 S đôề phân câếp ch c năng phía frontend ơ ứ 20

3.3.2 S đôề phân câếp ch c năng phía backend ơ ứ 22

3.3.4 S đôề phân câếp ch c khách hàng ơ ứ 23

3.3.5 S đôề phân câếp ch c năng c a nghi p v admin ơ ứ ủ ệ ụ 25

3.3.6 Bi u đôề Use – Case t ng quát ể ổ 25

3.3.7 Đ c t use-case: ặ ả 26

Tác nhân 28

Điềều ki n đâều vào ệ 28

Kềết qu đâều ra ả 28

Mô tả 28

3.3.8 S đôề l p ơ ớ 28

3.3.9 S đôề trình t ơ ự 28

3.3.9 S đôề ho t đ ng ơ ạ ộ 29

3.3.10 S đôề giao tềếp ơ 29

CHƯƠNG 4 KẾT LUẬN & HƯỚNG PHÁT TRIỂN 30

1 Kềết qu đ t đ ả ạ ượ 30 c 2 H n chềế ạ 30

3 H ướ ng phát tri n ể 30

DANH MỤC HÌNH ẢNH

Hình 1 1:Trang đang nhập 5

Hình 1 2: Ảnh trang chủ 5

Hình 1 3: Trang liệt kê đơn hàng 6

Hình 1 4: Trang thông tin đơn hàng 6

Hình 1 5: Trang thêm sản phẩm 7

Hình 1 6: Trang liệt kê sản phẩm 7

Hình 1 7: Ảnh trang chủ 8

Hình 1 8: Trang chủ sản phẩm 1 8

Hình 1 9: Trang chủ sản phẩm 2 9

Hình 1 10: Trang sản phẩm liên quan 9

Hình 1 11: Trang giỏ hàng 10

Hình 1 12: Trang chi tiết sản phẩm 10

Hình 1 13: Trang thông tin gửi hàng 11

Hình 1 14: Visual Studio Code 11

Hình 1 15: Notepad++ 12

Hình 1 16: Navicat Premium 12

Hình 1 17: Thư viện Bootstrap 13

Hình 1 18: jQuery 13

Hình 1 19: Laravel framework 14

DANH MỤC SƠ ĐỒ

Hình 3 1: Sơ đồ phân cấp chức năng phía frontend 20

Hình 3 2: Sơ đồ phân cấp chức năng phía backend 22

Hình 3 3: Sơ đồ phân cấp chức khách hàng 24

Hình 3 4: Sơ đồ phân cấp chức năng của nghiệp vụ admin 25

Hình 3 5: Biểu đồ Use – Case tổng quát 26

Hình 3 6: Sơ đồ trình tự quản lý sản phẩm 28

Hình 3 7: Sơ đồ trình tự tìm kiếm sản phẩm 29

Hình 3 8: Sơ đồ hoạt động danh mục sản phẩm 30

Hình 3 9: Sơ đồ hoạt động xem đơn hàng 30

Hình 3 10: Sơ đồ hoạt động xem giỏ hàng 31

2

DANH MỤC CÁC TỪ VIẾT TẮT

VIẾT TẮT NỘI DUNG

SQL Structured Query Language

MVC Model - View - Controller

SEO Search Engine Optimization

CHƯƠNG 1 TỔNG QUAN VỀ ĐỀ TÀI

1.1 Tổng quan

1.1.1 Lý do chọn đề tài

Chúng ta có thể nói rằng thế kỷ 21 đã và đang chứng kiến sự phát triểnmạnh mẽ của ngành Công nghệ thông tin Công nghệ thông tin (CNTT) đã vàđang thay đổi thế giới một cách nhanh chóng và từng bước kéo nền tri thức củanhân loại xích lại gần nhau hơn Đó là nhờ việc phát triển hệ thống Website trêntoàn thế giới Ngày nay, Website đã đóng một vai trò quan trọng đối với conngười chúng ta từ giải trí cho đến quảng cáo, thương mại, quản lý…Website(thương mại điện tử) sẽ dần dần thay thế những phương thức kinh doanh cũ trongcác doanh nghiệp bởi tính ưu việt mà Website mang lại như: nhanh hơn, rẻ hơn,tiện dụng hơn, hiệu quả hơn và không bị giới hạn không gian và thời gian Vớitầm quan trọng đó, mỗi người chúng ta cần trang bị cho mình một kiến thức nềntảng về Web Nếu bạn sở hữu một lượng kiến thức rộng lớn về nền tảng Web thìbạn sẽ có cơ hội tìm kiếm việc làm rất dễ dàng Bởi vì, bạn có thể đảm nhận cáccông việc về IT tại các công ty không chuyên về IT nhưng các công ty này đều cóứng dụng CNTT vào quản lý nhất là Website trong các tổ chức như Ngân hàng,công ty Sản xuất, dịch vụ, nhà hàng, khách sạn, công ty kinh doanh về thươngmại điện từ, trường học…, đặc biệt là tham gia vào các công ty sản xuất phầnmềm (Website, các ứng dụng Web trên mobile) Xuất phát từ những nhu cầu thực

tế đó nhóm chúng em quyết định làm đồ án “Xây Dựng Trang Web Bán Mỹ

Phẩm” nhằm tạo ra hệ thống quản lý bán hàng có tính thiết thực và ứng dụng vào

thực tế

1.1.2 Mục tiêu & nội dung thực hiện đề tài

 Xây dựng một Website với nội dung linh hoạt, cấu trúc rõ ràng, bắt mắt đểphù hợp với mục đích quảng bá và bán hàng

 Tìm hiểu về ngôn ngữ và phương pháp lập trình web (html, css, javascript,php )

 Tìm hiểu về các ngôn ngữ lập trình, cấu trúc, cách thức hoạt động

 Thiết kế website và phân tích hệ thống

 Đưa ra các báo cáo, tổng kết tổng hợp

1.2 Phương pháp, kết quả

1.2.1 Phương pháp nghiên cứu của đề tài

 Phương pháp nghiên cứu lý thuyết:

o Nghiên cứu các tài liệu liên quan đến nghiệp vụ quản lý bán hàng vàbán hàng

 Phương pháp quan sát:

o Quan sát cách thức quản lý ở các cửa hàng khác nhau

4

 Phương pháp phỏng vấn:

o Tìm hiểu ý tưởng quản lý ở một số cửa hang

o Tìm hiểu việc áp dụng hệ thống quản lý hiện tại vào thực tiễn thông quacác cửa hàng

 Phương pháp nghiên cứu sản phẩm hoạt động:

o Hiệu quả quản lý bằng hệ thống hiện tại của một số công ty

Hình 1 4: Trang thông tin đơn hàng

6

Hình 1 6: Trang liệt kê sản phẩm

Ngoài ra, phía người quản trị (admin) còn có các chức năng quản lýwebsite(quản lý slider, đối tác), phân quyền cho người dùng, in đơn hàng, thêmxóa sửa sản phẩm và danh mục sản phẩm, quản lý bài viết (thêm, xóa, sửa), quản

lý video, thư viện ảnh, mã giảm giá, phí vận chuyển, …

 Phía khách hàng

Hình 1 8: Trang chủ sản phẩm 1

8

Hình 1 10: Trang sản phẩm liên quan

Hình 1 12: Trang chi tiết sản phẩm

10

1.2.2.2 Ý nghĩa đề tài

Như vậy, nếu thực hiện thành công đề tài này sẽ mang lại những kết quả và ýnghĩa to lớn cả về thực tiễn lẫn lý luận

 Ý nghĩa lý luận của đề tài:

Toàn bộ chương trình và bản thuyết minh của đề tài sẽ trở thành tài liệunghiên cứu, tham khảo nhanh, dễ hiểu, thiết thực cho những thầy cô giáo

và các bạn sinh viên, những người yêu thích bộ môn công nghệ Web vàứng dụng, nhất là lĩnh vực xây dựng Web quản lý

 Ý nghĩa thực tiễn của đề tài:

Với sự thành công của đề tài sẽ đóng góp phần giúp cho việc tối ưu hóaquá trình quản lý bán hàng, loại bỏ những chi phí về gian hàng quá cao,hiệu quả đầu tư

1.3 Công cụ thiết kế Website

 Các phần mềm lập trình:

- Visual Studio Code

Hình 1 14 : Visual Studio Code

Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoftdành cho Windows, Linux và macOS Nó hỗ trợ chức năng debug, đi kèm với Git,

có syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mãnguồn Nó cũng cho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme,phím tắt, và cá tùy chọn khác Nó miễn phí và là phần mềm mã nguồn mở, mặc

dù gói tải xuống chính thì là có giấy phép

- Notepad++

Hình 1 15 : Notepad++

Notepad++ là trình soạn thảo văn bản và trình soạn thảo mã nguồn choMicrosoft Windows Phần mềm hỗ trợ chỉnh sửa theo thẻ, cho phép làm việc vớinhiều tệp đang mở trong một cửa sổ Tên của dự án xuất phát từ C điều hành tăng

- Navicat Premium

Hình 1 16 : Navicat Premium

Navicat là một loạt phần mềm quản lý và phát triển cơ sở dữ liệu đồ họađược sản xuất bởi CyberTech Ltd cho MySQL , MariaDB , MongoDB , Oracle ,SQLite , PostgreSQL và Microsoft SQL Server Nó có giao diện người dùng đồhọa giống như Explorer và hỗ trợ nhiều kết nối cơ sở dữ liệu cho cơ sở dữ liệucục bộ và từ xa Thiết kế của nó được thực hiện để đáp ứng nhu cầu của nhiều đốitượng, từ quản trị viên cơ sở dữ liệu và lập trình viên đến các doanh nghiệp, công

ty khác nhau phục vụ khách hàng và chia sẻ thông tin với đối tác

 Các thư viện, framework:

12

- Thư viện Bootstrap

Hình 1 17 : Thư viện Bootstrap

Bootstrap là một khung CSS mã nguồn mở và miễn phí hướng đến việc pháttriển web front-end đáp ứng trên thiết bị di động Nó chứa CSS - và các mẫu thiết

kế dựa trên JavaScript cho kiểu chữ, biểu mẫu , nút , điều hướng và các thànhphần giao diện khác Tính đến tháng 8 năm 2021 , Bootstrap là dự án được đánhdấu sao nhiều thứ mười trên GitHub , với hơn 152.000 sao, sau freeCodeCamp(hơn 328.000 sao), khung công tác Vue.js , thư viện React , TensorFlow và các dự

mã nguồn mở, miễn phí sử dụng giấy phép MIT License Tính đến tháng 5 năm

2019, jQuery được 73% trong số 10 triệu trang web phổ biến nhất sử dụng Phântích web chỉ ra rằng nó là thư viện JavaScript được triển khai rộng rãi nhất với tỷsuất lợi nhuận lớn, có mức sử dụng nhiều hơn ít nhất 3 đến 4 lần so với bất kỳ thưviện JavaScript nào khác

- Laravel framework,…

Hình 1 19 : Laravel framework

Laravel là một khuôn khổ web PHP miễn phí, mã nguồn mở, được tạo bởiTaylor Otwell và dành cho việc phát triển các ứng dụng web theo mô hình kiếntrúc model – view – controller (MVC) và dựa trên Symfony Một số tính năng củaLaravel là một hệ thống đóng gói mô-đun với trình quản lý phụ thuộc chuyêndụng, các cách khác nhau để truy cập cơ sở dữ liệu quan hệ, các tiện ích hỗ trợtriển khai và bảo trì ứng dụng và định hướng của nó theo đường cú pháp

1.4 Sinh viên thực hiện

- Huỳnh Thị Hoa 21SE5

- Thái Văn Hòa

- Trần Thanh Huyền

CHƯƠNG 2 CƠ SỞ LÝ THUYẾT

2.1 Phương pháp phân tích và thiết kế hướng đối tượng

2.1.1 Đối tượng là gì?

2.1.2 Khái niệm phân tích hướng đối tượng ( Object Oriented Analysis – OOA)

Là giai đọan phát triển một mô hình chính xác và súc tích của vấn đề, có thànhphần là các đối tượng và khái niệm đời thực, dễ hiểu đối với người sử dụng.Trong giai đoạn OOA, vấn đề được trình bày bằng các thuật ngữ tương ứng vớicác đối tượng có thực Thêm vào đó, hệ thống cần phải được định nghĩa sao chongười không chuyên Tin học có thể dễ dàng hiểu được

Dựa trên một vấn đề có sẵn, nhà phân tích cần ánh xạ các đối tượng hay thực thể

có thực như khách hàng, ô tô, người bán hàng, … vào thiết kế để tạo ra được bảnthiết kế gần cận với tình huống thực Mô hình thiết kế sẽ chứa các thực thể trongmột vấn đề có thực và giữ nguyên các mẫu hình về cấu trúc, quan hệ cũng như

14

hành vi của chúng Nói một cách khác, sử dụng phương pháp hướng đối tượngchúng ta có thể mô hình hóa các thực thể thuộc một vấn đề có thực mà vẫn giữđược cấu trúc, quan hệ cũng như hành vi của chúng.

2.1.3 Khái niệm thiết kế đối tượng ( Object Oriented Design – OOD)

Hướng đối tượng thiết kế (OOD) là quá trình sử dụng một phươngpháp hướng đối tượng để thiết kế một hệ thống máy tính hoặc ứng dụng Kỹthuật này cho phép thực hiện một giải pháp phần mềm dựa trên các kháiniệm của các đối tượng

2.1.4 Khái niệm UML

Viết tắt của "Unified Modeling Language" Đây là một ngôn ngữ lập trìnhđược sử dụng để phát triển phần mềm hướng đối tượng Tổ chức mã chươngtrình hiệu quả hơn, các lập trình viên thường tạo ra "đối tượng" mà là tập hợpcác dữ liệu có cấu trúc trong chương trình UML, mà đã được chuẩn hóa bởiObject Management Group (OMG), được thiết kế cho mục đích này Ngôn ngữ

đã đạt được đủ sự ủng hộ mà nó đã trở thành một ngôn ngữ chuẩn để hìnhdung và xây dựng chương trình phần mềm

Hình 2 1: UML

2.2 Mô hình MVC

2.2.1 Khái niệm mô hình MVC

Mô hình MVC (Model-View-Controller) là một kiến trúc phần mềm, đây là mô

hình tổ chức code một cách hợp lý và có hệ thống Mô hình MVC tách biệt phần