báo cáo chuyên đề học phần cơ sở lập trình web đề tài xây dựng website style zero

Hình thức này không chỉ đơn giản để đáp ứng nhu cầu mua sắm của khách hàng và còn là một trong những giải pháp kinh doanh cực thông minh hỗ trợ người bán hàng vượt qua cơn khủng hoảng..

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

CƠ SỞ LẬP TRÌNH WEB

ĐỀ TÀI:

XÂY DỰNG WEBSITE STYLE ZERO

Sinh viên thực hiện : VŨ QUANG LONG

THƯƠNG NGÔ ĐỨC THẮNG HOÀNG QUỐC HOAN NGUYỄN TUẤN HIỆP

Giảng viên hướng dẫn : CÙ VIỆT DŨNG

Mục lục

Lời mở đầu 3

CHƯƠNG 1 Khảo sát hệ thống 4

1.1 Mô tả 4

1.2 Chức năng hệ thống 4

1.2.1 Bảng chức năng 4

1.2.2 Activity Diagrams (Các sơ đồ hoạt động) 6

Chương 2 Phân tích hệ thống 10

1.1 Phân tích yêu cầu 10

1.1.1 Packages 10

1.1.2 Bảng yêu cầu 10

2.1 Phân tích ca sử dụng 11

2.1.1 Chi tiết các gói 11

2.1.2 Bảng thống kê Use Case 13

3.1 Thiết kế giao diện (Use Interface) 14

3.1.1 Trang chủ 14

3.1.2 Thương hiệu 16

3.1.3 Thời trang theo mùa 17

3.1.4 Trang phục nam 17

3.1.4 Trang phục nữ 18

3.1.5 Trang phục bé trai 18

3.1.6 Trang phục bé gái 19

3.1.9 Giao diện chi tiết sản phẩm 20

Kết luận 21

Danh mục hình ảnh

Hình 1 Sơ đồ hoạt động của tài khoản 8

Hình 2 Sơ đồ hoạt động của khách hàng 9

Hình 3 Sơ đồ hoạt động của thanh toán 10

Hình 4 Packages 11

Hình 5 Gói tài khoản 13

Hình 6 Gói khách hàng 13

Hình 7 Gói thanh toán 14

Hình 8 Sản phẩm mới 16

Hình 9 Thương hiệu nổi tiếng 16

Hình 10 Sản phẩm hot 17

Hình 11 Thương hiệu 17

Hình 12 Thời trang theo mùa 18

Hình 13 Trang phục nam 18

Hình 14 Trang phục nữ 19

Hình 15 Trang phục bé trai 19

Hình 16 Trang phục bé gái 20

Hình 17 Tài khoản 20

Hình 18 Giỏ hàng style zero 21

Hình 19 Giao diện chi tiết sản phẩm 21

Lời mở đầu

Trong nền kinh tế xã hội phát triển, mua bán online càng trở thành nhu cầu thiết yếu của những "tín đồ mua sắm" và mặt hàng được ưa chuộng nhất đó chính là quần áo, thời trang Hiện tại khi đại dịch Covid 19 bùng nổ thì thuật ngữ "social distancing" cũng được mọi người biết đến nhiều hơn Thuật ngữ được hiểu là là giữ khoảng cách xã hội để nói đến việc tránh tiếp xúc gần và hạn chế tụ tập đông người thì lúc này bán hàng online đã trỗi dậy một cách mạnh mẽ Đối mặt với nền kinh tế suy thoái vì Covid 19, các shop thời trang đã bắt đầu thay đổi hình thức sang bán hàng online Hình thức này không chỉ đơn giản để đáp ứng nhu cầu mua sắm của khách hàng và còn là một trong những giải pháp kinh doanh cực thông minh hỗ trợ người bán hàng vượt qua cơn khủng hoảng Trong tất cả các hình thức bán hàng online thì xây dựng website được coi là hình thức mất chi phí nhiều nhất

do bạn phải mất phí duy trì trang web Tuy nhiên, đúng là “tiền nào của ấy” vì bạn

đã phải mất khoản chi phí thì hình thức này lại mang lại sự chuyên nghiệp trong bán hàng Chính vì sự phát triển của ngành kinh doanh thời trang online nên nhóm chúng em đã lựa chọn website Style Zero để làm đề tài của mình Style Zero là website chuyên kinh doanh các mặt hàng quần áo nam nữ và trẻ em Do thời gian còn hạn hẹp và đây cũng là sản phẩm đầu tiên của nhóm chúng em, em hi vọng là

sẽ được thầy cô cho giúp đỡ để ý tưởng website của em có thể hoàn thiện hơn

Em xin chân thành cảm ơn!

CHƯƠNG 1 Khảo sát hệ thống

1.1 Mô tả

Shop Style zero là shop thời trang chuyên phân phối quần áo với đủ loại từ quần áobình dân tới quần áo thương hiệu, từ quần áo người lớn tới trẻ em Dựa trên mục đích và yêu cầu đặt ra chúng ta có thể chia danh mục hệ thống theo cấp độ sau:

 Mô tả sơ lược về hệ thống

- Quản lý đăng nhập: Khách hàng đăng nhập hoặc đăng kí tài khoản tại shop

để có thể đặt mua hàng tại shop

- Quản lý sản phẩm: Danh mục được chia thành các 6 loại là thương hiệu , mùa, nam, nữ, bé trai,bé gái Để khách hàng có thể dễ dàng lựa chọn

- Quản lý thanh toán: Khách hàng lựa chọn sản phẩm và thêm vào giỏ hàng Trong giỏ hàng khác hàng sẽ lựa chọn số lượng địa chỉ và hình thức thanh toán

1.2 Chức năng hệ thống

1.2.1 Bảng chức năng

CN01-Đăng nhập Khách hàng khi có tài khoản cần đăng

nhập vào hệ thống để có thể mua hàng

Đã có

CN02-Đăng ký Khi chưa có tài khoản, khách hàng cần

đăng kí 1 tài khoản bằng cách: đăng kíqua facebook, google hoặc số điện

Đã có

thoạiCN03-Quên mật

khẩu

Nếu User quên tài khoản có thể lựa chọn quên mật khẩu để cấp lại mật khẩu

Mỗi khách hàng khi đăng kí được tạo

1 tài khoản và được phép chỉnh sửa thông tin cá nhân hoặc lịch sử mua hàng

thanh toán thanh toán là thanh toán trực tiếp hoặc

thanh toán qua thẻCN14- Chức năng

thanh toán qua

cash

Để lựa chọn hình thức thanh toán cash thì khách cần nhấn vào nút By Cash sau đó nhấn xác nhận

Sẽ xây dựng

1.2.2 Activity Diagrams (Các sơ đồ hoạt động)

Sơ đồ hoạt động xây dựng từ các chức năng như sau:

 Acount

Hình 1 Sơ đồ hoạt động của tài khoản

 Customer

Quy trình đặt hàng

Hình 2 Sơ đồ hoạt động của khách hàng

 Pays

Hình 3 Sơ đồ hoạt động của thanh toán

Chương 2 Phân tích hệ thống 1.1 Phân tích yêu cầu

Dựa vào chức năng và sơ đồ hoạt động (D2), shop thời trang Style Zero được chia thành các gói và các yêu cầu như sau:

1.1.1 Packages

Hình 4 Packages

1.1.2 Bảng yêu cầu

-Req01-01-Kiểm tra

đăng nhập

Khách hàng khi có tài khoản cần đăng nhập vào hệ thống để có thể mua hàng

CN01

-Req01-02-Xác nhận

đăng ký tài khoản

Khi chưa có tài khoản, khách hàng cần đăng kí 1 tài khoản bằng cách:

đăng kí qua facebook, google hoặc sốđiện thoại

-Req02-01 Kiểm thông

tin khách hàng

Thông tin khách hàng được lưu trong mục tài khoản Admin có thể xem thông tin khách hàng

CN06

-Req 02-03 Kiểm tra

thông tin mua hàng

Khách hàng có thể kiểm tra lịch sử mua hàng của mình

CN08

-Req 05-01 Kiểm tra hóa

đơn đã thanh toán

Khách hàng và admin có thể kiểm tra lịch sử hóa đơn mà khách hàng đã thanh toán

CN12

-Req 05-03 Kiểm tra

thông tin card

Khi khách hàng lựa chọn thanh toán qua card thì hệ thống chuyển hướng tới thanh toán thanh toán card Ở đây khách sẽ điền thông tin thẻ và xác nhận số tiền thanh toán Và hệ thống

sẽ kiểm tra thông tin có chính xác không

CN12

2.1 Phân tích ca sử dụng

2.1.1 Chi tiết các gói

Hình 5 Gói tài khoản

Hình 6 Gói khách hàng

 P03 PAYS

Hình 7 Gói thanh toán

2.1.2 Bảng thống kê Use Case

UC 02- 02 Kiểm tra thông

tin tài khoản

UC 02- 03 Kiểm tra lịch sử Kiểm tra Khách hàng, Admin

Hình 8 Sản phẩm mới

Thương hiệu nổi tiếng

Hình 9 Thương hiệu nổi tiếng

Danh sách sản phẩm hot

Hình 10 Sản phẩm hot

3.1.2 Thương hiệu

Hình 11 Thương hiệu

3.1.3 Thời trang theo mùa

Hình 12 Thời trang theo mùa

3.1.4 Trang phục nam

Hình 13 Trang phục nam

3.1.4 Trang phục nữ

Hình 14 Trang phục nữ

3.1.5 Trang phục bé trai

Hình 15 Trang phục bé trai

3.1.6 Trang phục bé gái

Hình 16 Trang phục bé gái

3.1.7 Tài khoản

Hình 17 Tài khoản

3.1.8 Giỏ hàng

Hình 18 Giỏ hàng style zero

3.1.9 Giao diện chi tiết sản phẩm

Hình 19 Giao diện chi tiết sản phẩm

Kết luận

Style Zero là 1 dự án website tĩnh nhỏ do cả nhóm chúng em cùng nhau phát triển Còn khá nhiều điều thiếu sót trên website của chúng em Em hi vọng được thầy cô góp ý và giúp đỡ để website của em có thể hoàn thiện hơn trong tương lai