Báo cáo chuyên Đề học phần Đồ án lập trình web nâng cao Đề t#i xây dựng website bán mỹ phẩm

Tổng quan về bài toán 1.1 Khảo sát hiện trạng Thực hiện tìm hiểu, khảo sát hệ thống, cụ thể là một số website bán mỹ phẩmtrên internet, đánh giá hiện trạng của cửa hàng, xác định các mặt

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN ĐỒ ÁN

LẬP TRÌNH WEB NÂNG CAO

ĐỀ T#I:

XÂY DỰNG WEBSITE BÁN MỸ PHẨM

Sinh viên thực hiện : TỐNG SỸ AN

: NGUYỄN TIẾN DŨNG Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH

Hà Nội, tháng 5 năm 2023

Sinh viên thực hiện:

LỜI MỞ ĐẦU 1

2.2 Chức năng đăng nhập , đăng xuất và đăng kí 7

2.2.2 Use case đăng nhập, đăng xuất và đăng kí 8 2.2.3 biểu đồ trình tự cho chức năng đăng nhập

2.3.1 đặc tả use case danh mục sản phẩm 10

2.3.3 biểu đồ trình tự cho chức năng danh mục 12 Sản phẩm

2.4.1 đặc tả use case quản lý khách hàng 12

2.4.3 biểu đồ trình tự cho chức năng quản ý khách hàng 14

2.5.1 đặc tả use case quản lý sản phẩm 14

2.5.3 biểu đồ trình tự cho chức năng quản lý sản phẩm 15

2.6.3 biểu đồ trình tự quản lý đơn hàng 17

3.8 giao diện quản lý đơn hàng 24

DANH MỤC HÌNH ẢNH

Hình 2.2: Use Case đăng nhập, đăng kí, đăng xuất 8

Hình 2.13 Biểu đồ trình tự quản lý đơn hàng 18

Hình 3.6 : giao diện sản phẩm trong danh mục sản phẩm 24

Hình 3.8 giao diện quản lý đơn hàng 25

LỜI MỞ ĐẦU

Trong thời đại công nghệ 4.0 hiện nay, cùng với sự phát triển mạnh mẽ củacông nghệ thông tin, tin học hóa đối với mỗi công ty, cơ quan và các tổ chức làđiều mà cần phải nghĩ đến Tin học được ứng dụng trong mọi lĩnh vực cuộc sống,

nó đem lại nhiều lợi ích to lớn, giúp cho người quản lý có cái nhìn tổng thể mà chitiết thông tin được lưu trữ cập nhậy hàng ngày, nâng cao hiệu quả làm việc, tiếtkiệm sức lao động

Đi cùng với sự phát triển mạnh mẽ của công nghệ thông tin là sự phát triểnthương mại hóa toàn cầu Những website mua bán, thương mại xuất hiện ngày càngnhiều, những trang thương mại nổi tiếng như www.amazone.com,www.alibaba.com hay www.ebay.com không còn xa lạ với chúng ta

Đối với một cửa công ty, doanh nghiện hay cửa hàng, việc quảng bá và giớithiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khách hàng sẽ

là cần thiết Vậy phải quảng bá thế nào đó? Đó chính là xây dựng một Website chocửa hàng của mình quảng bá tất cả các sản phẩm của mình bán Và nắm bắt được

xu thế của thời đại nên chúng em đã thực hiện đề tài “Xây dựng Website bán Mỹ Phẩm” nhằm phục vụ cho nhu cầu làm đẹp, chăm sóc sắc đẹp của chúng ta

Trong thời gian thiết kế website, dưới sự giúp đỡ, hướng dẫn tận tình của

thầy Phương Văn Cảnh, nhóm chúng em đã tiến hành tìm hiểu và xây dựng website

thương mại Website này đã giúp chúng em phát huy được tính sáng tạo, tinh thầnlàm việc tập thể, khả năng vận dụng kiến thức đã học để có thể hoàn thành tốt báocáo

Mặc dù đã có nhiều cố gắng trong quá trình làm dự án, tuy nhiên do kiếnthức còn hạn chế và thời gian có hạn nên dự án này còn nhiều thiếu sót, chúng em

1

rất mong được sự giúp đỡ, góp ý, sửa chữa của thầy cô để báo cáo của chúng emhoàn thiện hơn.

Chúng em xin chân thành cảm ơn quý thầy cô!

CHƯƠNG 1: KHẢO SÁT V# SÁT LẬP ĐỀ T#I

1 Tổng quan về bài toán

1.1 Khảo sát hiện trạng

Thực hiện tìm hiểu, khảo sát hệ thống, cụ thể là một số website bán mỹ phẩmtrên internet, đánh giá hiện trạng của cửa hàng, xác định các mặt hạn chế của hệthống cũ, từ đó đề xuất khắc phục

Xã hội ngày càng phát triển, nhu cầu mua sắm, thời trang của con người càngđược nâng cao Không những mua sắm cho bản thân mà con người ngày này cònquan tâm tới việc làm đẹp, mua sắm cho bản thân Những mặt hàng này ngày càngthu hút được nhiều người quan tâm Tuy nhiên các cửa hàng, website bán loại mặthàng này hiện chưa nhiều, chưa đáp ứng được các yêu cầu của khách hàng, phục vụchưa được chu đáo, tốn nhiều thời gian Các trang web bán sản phẩm dành cho làmđẹp chưa được phổ biến, phong phú Nhằm khắc phục điều này và mong muốn cómột môi trường giao tiếp tiện lợi giữa khách hàng, đơn giản hóa việc mua sắm,chúng em đã xây dựng website bán đồ mỹ phẩm này

Bên cạnh đó , khách hàng có thể phản hồi về cho cửa hàng và chia sẻ với mọingười, đóng góp ý kiến của mình với website để chúng em có thể hoàn thiện hơn,phục vụ khách hàng tốt nhất Qua website, khách hàng có thể nắm được nhữngthông tin bổ ích từ sản phẩm, liên tục cập nhật thông tin từ hãng sản xuất

1.2 Mô tả bài toán

- Website có thể giúp cho chủ cửa hàng có thể quản lý các mặt hàng trong

cửa hàng một cách thuận tiện hơn, đồng thời chủ cửa hàng có thể cập nhật các mặthàng mới nhập lên website, lưu thông tin các mặt hàng đã được bán cho khách

3

hàng, đồng thời có thể kiểm tra, chỉnh sửa các bài viết về sản phẩm, hiển thị thôngtin lên theo mục.

- Một website bán hàng đều có quy trình bắt đầu bằng việc nhận đơn hàng từ

phía khách hàng, nhận trực tiếp hoặc gián tiếp qua điện thoại, email, theo đó

sẽ tiếp nhận thông tin đơn đặt hàng, sản phẩm đặt hàng sau đó lưu vào kho đơnđặt hàng của tất cả các khách hàng Sau đó thì người quản lí hệ thống sẽ lên lịchhẹn với khách hàng về thời điểm giao hàng cũng như vị trí giao hàng thuận tiệnnhất

- Website gồm nhiều trang, mỗi trang có một chủ đề và một chức năng riêng.Mỗi chủ đề phải có đường dẫn đến từng trang, có tên và chủ đề và nội dung củatừng trang Trang chủ sẽ tóm tắt nội dung của toàn bộ website bao gồm các loại

đồ dùng mỹ phẩm như kem chống nắng, sữa rửa mặt…

1.3 Ưu điểm của website

Ngày nay hình thức kinh doanh online đã mang lại nhiều ưu điểm và thuậnlợi:

 Tiết kiệm được nguồn tài chính đầu tư

 Không cần thuê nhiều nhân viên bán hàng

 Nhiều dòng sản phẩm được đăng bán trên web Vì thế khách hàng sẽ thoảimái lựa chọn mỹ phẩm phù hợp với bản thân

 Việc mua hàng cũng dễ dàng thuận tiện cho người mua, mang đến tâm lýthoải mái cho khách hàng

1.4 Nhược điểm

Bên cạnh nhưng ưu điểm thì khi kinh doanh bán hàng trên web cũng tồn tạinhững nhược điểm nhất định:

 Hiện nay khách hàng vẫn chưa tin tưởng vào hình thức bán hàng trên web vìmột số trang web thực hiện “ đăng một đằng bán một kiểu” nên đã gây hoangmang cho khách hàng.

 Đòi hỏi website phải chủ động và linh hoạt trong mọi khâu: từ khâu quảng básản phẩm đến khâu chăm sóc khách hàng, giao hàng, thanh toán, lấyhàng, Trong quá trình này khi kinh doanh trên web cũng gặp khá nhiều khókhăn

 Sự cạnh tranh giữa các website là rất lớn Nên nếu sản phầm không chấtlượng, đa dạng, đẹp và làm ăn không uy tín thì khó có thể duy trì được lâu

 Khách hàng sau khi đặt hàng nhưng đến khi giao hàng lại không nhận nênchủ shop lại mất thêm chi phí

 Một số trang web giả mạo, lừa đảo

 Khách hàng chưa nắm rõ về nhu cầu sử dụng sản phẩm của mình

2 Các hệ thống liên quan tương tự

Một số website tìm hiểu và tham khảo:

Website: https://yeosim.com.vn/

Website mỹ phẩm là một web bán đồ với tông màu chủ đạo Nhận thấy trangchủ dễ nhìn, đẹp, đa dạng, nhiều chức năng mua bán, tính tiền Lôi cuốnngười xem



 Nhận xét về website:

 Nhìn tổng quan những trang web của Việt Nam chất lượng không thuakém gì những trang web của nước ngoài

 Layout được phân chia đều, đẹp, dễ nhìn

 Thông tin đều rõ ràng, đầy đủ cho người xem

 Trang web thấy rất tối ưu, đơn giản, đầy đủ, trang trí đẹp về cả hìnhảnh, sản phẩm và bố cục

5

CHƯƠNG 2: PHÂN TÍCH V# THIẾT KẾ HỆ THỐNG 2.1 Xác định các Actor và Use case

2.1.2 Use case tổng quát hệ thống

Hình 2.1: Use Case Tổng quát hệ thống

2.2 Chức năng đăng nhập, đăng xuất và đăng ký

2.2.1 Đặc tả use case đăng nhập

Tên Use

Case

Đăng nhập

Mô tả Use Case này cho phép người dùng đăng nhập, đăng xuất và

đăng ký tài khoản vào hệ thống

Actor Người quản lý, Nhân viên, Khách hàng

1 Người dùng chọn chức năng đăng nhập

2 Form đăng nhập hiển thị

3 Nhập tên, mật khẩu vào form đăng nhập

4 Hệ thống kiểm tra tên, mật khẩu người dùng

5 Đăng nhập thành công, chuyển đến màn hình chính của hệ

7

thốngNgoại lệ A Người dùng đăng nhập không thành công

1 Hệ thống báo lại quá trình đăng nhập không thành công

2 Yêu cầu người dùng đăng nhập lại

2.2.2 Use case đăng nhập, đăng xuất và đăng kí

Hình 2.2: Use Case đăng nhập, đăng kí, đăng xuất

2.2.3 Biểu đồ trình tự cho chức năng đăng nhập, đăng xuất và đăng kí

Hình 2.3: Biểu đồ trình tự đăng nhập

Hình 2.4: Biểu đồ trình tự đăng xuất

9

Hình 2.5: Biểu đồ trình tự đăng kí

2.3 Chức năng danh mục sản phẩm

2.3.1 Đặc tả use case danh mục sản phẩm

Tên Use Case Quản lý hệ thống danh mục sản phẩm

Mô tả Use Case này cho phép người dùng quản lý được tất cả danh

mục sản phẩm đang được kinh doanh trong cửa hàngActor Nhân viên quản lý

Use Case liên

2.3.2 Use case danh mục sản phẩm

Hình 2.6: Use Case danh mục sản phẩm

11

2.3.3 Biểu đồ trình tự cho chức năng danh mục sản phẩm

Hình 2.7: Biểu đồ trình tự danh mục sản phẩm

2.4 Chức năng quản lý khách hàng

2.4.1 Đặc tả use case quản lý khách hàng

Tên Use Case Quản lý khách hàng

Mô tả Use Case này cho phép người dùng quản lý được tất cả các

khách hàng đã mua hàng trong cửa hàng

Use Case liên

quan

Thêm, sửa, xóa, tìm kiếm khách hàng

Tiền điều

kiện

Người dùng đăng nhập vào hệ thống

Hậu điều kiện Người dùng lựa chọn chức năng quản lý khách hàng và thực

hiện các chức năng mở rộng

Luồng sự 1 Chọn chức năng quản lý khách hàng

thông tin về khách hàng

2.4.2 Use case quản lý khách hàng

Hình 2.8 : Use Case quản lý khách hàng

13

2.4.3 Biểu đồ trình tự cho chức năng quản lý khách hàng

Hình 2.9: Biểu đồ trình tự quản lý khách hàng

2.5 Chức năng quản lý sản phẩm

2.5.1 Đặc tả use case quản lý sản phẩm

Tên Use Case Quản lý sản phẩm

Mô tả Use Case này cho phép người dùng quản lý được sản phẩm

có trong cửa hàng

Actor Nhân viên quản lý

Use Case liên

quan

Thêm, sửa, xóa, tìm kiếm sản phẩm

Tiền điều

kiện

Người quản lý đăng nhập vào hệ thống

Hậu điều kiện Người quản lý sẽ biết được số hàng hiện có, biết thiếu hàng

Luồng sự

kiện chính

1 Người quản lý kích hoạt chức năng quản lý sản phẩm

2 Hệ thống sẽ hiển thị tổng quát về những thông tin củasản phẩm

2.5.2 Use case quản lý sản phẩm

Hình 2.10 : Use case quản lý sản phẩm

2.5.3 Biểu đồ trình tự cho chức năng quản lý sản phẩm

15

Hình 2.11: Biểu đồ trình tự quản lý sản phẩm

2.6 quản lý đơn hàng

2.6.1 đặc tả use case

Tên Use Case Quản lý đơn hàng

Mô tả Use Case này cho phép người dùng quản lý được sản phẩm

Người quản lý đăng nhập vào hệ thống

Hậu điều kiện Người quản lý sẽ biết được số hàng hiện có, biết thiếu hàng

nào và còn tồn hàng nào

kiện chính 4 Hệ thống sẽ hiển thị tổng quát về những thông tin của

sản phẩm

2.6.2 use case quản lý đơn hàng

Hình 2.12 :Use case quản lý đơn hàng

2.6.3 Biểu đồ trình tự quản lý đơn hàng

17

Hình 2.13 Biểu đồ trình tự quản lý đơn hàng

2.7 Biểu đồ lớp

Hình 2.14: Biểu đồ lớp tổng quát

19

CHƯƠNG 3 : GIAO DIỆN 3.1: giao diện trang chủ

Hình 3.1: giao diện trang chủ

3.2 giao diện đăng nhập

Hình 3.2: giao diện đăng nhập

3.3 giao diện đăng kí

21

Hình 3.3: giao diện đăng kí

3.4: giao diện đơn hàng

Hình 3.4 giao diện đơn hàng

3.5: giao diện giỏ hàng

Hình 3.5: giao diện giỏ hàng

3.6: giao diện sản phẩm trong danh mục sản phẩm

23

Hình 3.6 : giao diện sản phẩm trong danh mục sản phẩm

3.7 giao diện đăng nhập admin

Hình 3.7: giao diện đăng nhập admin

3.8 giao diện quản lý đơn hàng

Hình 3.8 giao diện quản lý đơn hàng3.9 giao diện quản lý danh mục

Hình 3.9: giao diện quản lý danh mục 3.10 giao diện quản lý tin tức

25

Hình 3.10 giao diện quản lý tin tức 3.11 giao diện quản lý sản phẩm

Hình 3.11 giao diện quản lý sản phẩm3.12 giao diện quản lý khách hàng

Hình 3.12 giao diện quản lý khách hàng

27