Đồ án lập trình web nâng cao Đề ti xây dựng website bán thực phẩm capple

Chính vì vậy, website bán thực phẩm với nhu cầu tìm kiếm thêm nhiều khách hàng tiềm năng và quảng bá sản phẩm của mình đã thực hiện việc tin học hóa việc mua bán và thanh toán thông qua

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 THỰC PHẨM CAPPLE

Sinh viên thực hiện : Nguyễn Thị Thương

Phạm Bảo Yến Giảng viên hướng dẫn: Cấn Đức Điệp

Ngành : Công nghệ thông tin

Chuyên ngành : Công Nghệ Phần Mềm

Lớp : D16CNPM4

Khóa : 2021

1

PHIẾU CHẤM ĐIỂM Sinh viên thực hiện:

2.1 Xác định các Actor và Use case tổng quát của hệ thống 9

3

2.3.3 Biểu đồ trình tự chức năng đăng ký 13

2.4.1 Biểu đồ Use Case chức năng quản lý giỏ hàng, thanh toàn 14

2.4.2 Biểu đồ trình tự chức năng quản lý giỏ hàng, thanh toán 15

2.4.2.2 Chức năng xóa sản phẩm khỏi giỏ hàng 16

2.5.1 Biểu đồ hoạt đông chức năng lập hóa đơn 17

Hình 2.10 Biểu đồ trình tự xóa sản phẩm khỏi giỏ hàng 18

LỜI MỞ ĐẦU

5

Trong thời đại ngày nay, công nghệ thông tin đang phát triển mạnh mẽ, nhanh

chóng xâm nhập vào nhiều lĩnh vực khoa học, kĩ thuật và rất nhiều lĩnh vực kháctrong cuộc sống Nó đã trở thành công cụ đắc lực trong nhiều ngành nghề như giaothông, y tế, quân sự…đặc biệt là công cuộc quản lý nói chung trong đó có quản lýcửa hàng quần áo nói riêng

Trước đây, khi máy tinh chưa được ứng dụng rộng rãi thì các công việc quản

lý được ứng dụng rộng rãi thì các công việc quản lý được làm thủ công nên rất mấtthời gian và tốn kém nhân lực cũng như tài chính Ngày nay với sự phát triển củacông nghệ thông tin mà máy tinh đã được sử dụng rộng rãi trong các cơ quan, nhàmáy, trường học…giúp cho công việc được tốt hơn Việc sử dụng máy tinh vàocông việc quản lý là một việc cần thiết nhằm xóa bỏ những phương pháp quản lílạc hậu, lỗi thời , tốn kém về nhiều mặt Đối với chính phủ và các công ty, doanhnghiệp thì việc xây dựng các website riêng ngày căng trở nên cấp thiết Thông quanhững website này, các thông tin của họ sẽ đến được với khách hàng, những ngườiquan tâm một cách nhanh chóng và chính xác nhất Vì vậy em xây dựng đề tài

“Quản lý website bán thực phẩm Capple” với mong muốn giúp việc quản lý trở

nên dễ dàng thuận tiện và mang đến những dịch vụ tốt nhất cho khách hàng

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

CHƯƠNG 1: KHẢO SÁT V XÁC LẬP DỰ ÁN

1.1 Hiện trạng

Hiện nay xu hướng mua bán qua mạng ngày càng trở nên phổ biến, Internet phát triển kéo theo nhiều dịch vụ phát triển theo đi liền với nó và việc tiếp cận với inernet hiện nay không còn mấy xa lạ Với việc bất cứ ai cũng có thể tiếp cận với Internet khiến cho nó đã trở thành một công cụ phổ biến và không thể thiếu trong đời sống

Ở Việt Nam việc mua-bán qua mạng hay thương mại điện tử ngày càng phổ biến và đa dạng các mặt hàng thời trang, mĩ phẩm, đồ ăn, Khách hàng chỉ với một chiếc điện thoại hay máy tính có kết nối internet có thể tìm kiếm, lựa chọn và mua sắm sản phẩm mình yêu thích mọi lúc mọi nơi

Chính vì vậy, website bán thực phẩm với nhu cầu tìm kiếm thêm nhiều khách hàng tiềm năng và quảng bá sản phẩm của mình đã thực hiện việc tin học hóa việc mua bán và thanh toán thông qua website của cửa hàng Đây là trang website giới thiệu về tất cả những gì liên quan đến các thực phẩm của cửa hàng Sản phẩm của cửa hàng tới từ các thương hiệu âm thanh nổi tiếng trong và ngoài nước với chất lượng đã qua kiểm chứng

Việc tạo ra một hệ thống bán hàng trực tuyến giúp cửa hàng có nhiều cơ hội hơn trong việc mở rộng thị trường không chỉ thời gian mà cả không gian, trong nước cũng như ngoài nước

Capple hỗ trợ mua hàng trực tiếp hoặc giao hàng đến mọi tỉnh thành trên toàn quốc Thanh toán linh hoạt bằng nhiều hình thức: Tiền mặt, chuyển khoản, ví điện tử, VISA, Master, Samsung Pay

Chế độ hậu mãi của Capple được cộng đồng người dùng thực phâmt đánh giá là uy tín và đảm bảo bậc nhất Việt Nam Sản phẩm tại Capple được bảo hành theo chính sách bảo hành chính hãng, tuyệt đối an tâm khi sử dụng

7

1.3 Hoạt động nghiệp vụ

Cửa hàng lên danh sách và nhập hàng từ nhà cung cấp Các thực phẩm được phân loại theo hãng, ngày nhập hàng và loại sản phẩm Tất cả được đánh mã hàng theo trình tự nhập hàng của cửa hàng Sau đó các sản phẩm nổi bật hay đang được khách hàng quan tâm (phân tích dựa trên những đơn hàng trong vòng một tháng đổlại) được đặt trên các quầy trưng bày và trải nghiệm sản phẩm của cửa hàng, sản phẩm được trưng bày ở các quầy khác nhau dựa vào mức giá và loại sản phẩm Khách hàng ghé thăm website xem xét sản phẩm, được trải nghiệm trực tiếp và sẽ được nhân viên tư vấn online 24/24 dựa trên nhu cầu của khách hàng và sản phẩm còn lại của cửa hàng

Khách hàng tiến hành mua hàng sẽ cung cấp thông tin cá nhân như họ tên, sốđiện thoại, email và địa chỉ cho cửa hàng tiến hành cập nhập đơn hàng vào hệ thống cùng với thông tin đơn hàng của khách hàng

Khách hàng có thể thanh toán bằng tiền mặt khi nhận hàng hay thanh toán online ngay tại website.Hệ thống sẽ tự cập nhật số lượng và cập nhật các sản phẩm mới Sẽ bổ sung các sản phẩm thiếu và cập nhật các sản phẩm xu hướng, bán chạy Quản lí sẽ kiểm tra lại kho, chốt danh sách sản phẩm cần bổ sung

1.4 Yêu cầu phần mềm

1.4.1 Yêu cầu chức năng

a, Chức năng đăng ký và đăng nhập

Là chức năng dùng cho khách hàng để truy cập và sử dụng các chức năng của trang web mà khách vãng lai không có

Để đăng nhập, khách hàng trước tiên phải đăng ký tài khoản với hệ thống.Khi nhấn vào nút đăng ký, một form đăng ký sẽ hiện ra với các thông tin được hệ thống yêu cầu người dùng điền đầy đủ thông tin cần thiết cho việc tạo tài khoản Sau khi điền đầy đủ thông tin và nhấn xác nhận, hệ thống sẽ gửi một email cho người dùng yêu cầu xác nhận đăng ký Người dùng tiến hành xác nhận email

và được đưa đến màn hình đăng nhập

Tại màn hình đăng nhập, người dùng tiến hành nhập tài khoản và mật khẩu

đã đăng ký, hệ thống sẽ tiến hành xác nhận thông tin người dùng vừa nhập với thông tin chứa trên database của website, nếu trùng hệ thống sẽ tiến hành đăng nhập hệ thống cho người dùng, còn không thì bắt người dùng tiến hành nhập lại tài khoản và mật khẩu

b, Chức năng admin

Giúp người quản trị hay nhân viên cửa hàng có thể nhập thêm thông tin sản phẩm từ nhà cung cấp , xem thông tin đơn hàng , … và lưu trữ dữ liệu trên database cửa hàng Khi cần ta có thể truy cập, tìm kiếm sản phẩm thông qua mã sản phẩm hay từ khóa liên quan, đồng thời ta cũng có thể thêm bớt sản phẩm một cách dễ dàng hơn Khi có đơn hàng sẽ thao tác trong giao diện admin để cập nhật tình trạng đơn hàng , xác nhận thanh toán , hủy đơn hàng dễ dàng.

c, Chức năng giỏ hàng và thanh toán

Giúp khách hàng có thể thêm, xóa một sản phẩm trong “giỏ hàng” của hệ thống Khi khách hàng muốn mua một sản phẩm, họ nhấn nút “Thêm vào giỏ hàng”, hệ thống sẽ tự động tạo ra một giỏ hàng và thêm sản phẩm vào Sau đó, hệ thống sẽ thông báo thêm hàng thành công và lưu dữ liệu vào giỏ hàng Còn khi khách hàng muốn xóa một sản phẩm trong giỏ hàng, họ nhấn nút “Xóa”, hệ thống

sẽ xóa dữ liệu của sản phẩm khỏi “giỏ hàng” và đưa ra thông báo xóa thành công Sau khi đã thêm sản phẩm vào giỏ hành, khách hàng muốn thanh toán sẽ nhấn vào nút “Thanh toán”, hệ thống đưa ra một bảng lựa chọn hình thức thanh toán với hai hình thức là thanh toán bằng thẻ ngân hàng và thanh toán sau khi nhận hàng.Với thanh toán bằng thẻ ngân hàng, hệ thống sẽ tạo một mã giao dịch gửi tớikhách hàng Sau đó khách hàng sẽ tiến hành nhập mã giao dịch qua app của ngân hàng để tiến hành chuyển khoản Sau khi hệ thống tiếp nhận thông tin chuyển khoản thành công, tiến hành xác nhận đơn hàng

Với thanh toán bằng tiền mặt, cửa hàng sẽ tiến hành giao sản phẩm cho đơn

vị vận chuyển Khách hàng sẽ thanh toán trực tiếp với đơn vị vận chuyển và hệ thống sẽ nhận chuyển khoản sau khi đơn vị vận chuyển xác nhận giao hàng thành công

1.4.2 Yêu cầu phi chức năng

1.4.2.1 Yêu cầu bảo mật

- Bảo mật sever và admin panel

- Bảo mật hệ thống thanh toán

- Sử dụng tường lửa, phần mềm diệt virus và malware

9

1.4.2.2 Yêu cầu sao lưu

Dữ liệu trên hệ thống được sao lưu liên tục, trên nhiều nguồn và được kiểm tra tính toàn vẹn thường xuyên

1.4.2.3 Yêu cầu tính năng sử dụng

Có các tính năng như hiển thị thông tin sản phẩm, đánh giá của khách hàng cũng như review của cửa hàng

1.4.2.4 Yêu cầu ràng buộc thiết kế

- Giao diện đơn giản, trực quan, màu sắc bắt mắt

- Thông tin hiển thị rõ ràng, đầy đủ

- Đăng ký

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

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

- Đăng ký

- Chức năng giỏ hàng và thanh toán

2.1.2 Các Use Case tổng quát của hệ thống

11

Hình 2.1: Use case tổng quát

2.2 Chức năng đăng nhập

2.2.1 Biểu đồ Use Case chức năng đăng nhập

Hình 2.2: Use case đăng nhập

• Đặc tả Use Case đăng nhập:

• Tên Use Case: Đăng nhập hệ thống

• Tác nhân: Nhân viên, Quản lý

• Mô tả: Cho phép tác nhân đăng nhập vào website để thực hiện các chức năng riêng biệt

• Dòng sự kiện:

- Tác nhân tiến hành mở giao diện đăng nhập

13

- Tác nhân điền tên đăng nhập và mật khẩu của mình vào khung đăng nhập.

- Hệ thống tiến hành kiểm tra dữ liệu và xác minh thông tin tác nhân gửi vào

- Thông tin chính xác hệ thống đưa tác nhân truy cập hệ thống

- Nếu các tác nhân đưa thông tin tài khoản hoặc mật khẩu không trùng

- Nhập thất bại và yêu cầu tác nhân cung cấp lại thông tin hoặc chọn thoát Tác nhân chọn “Thoát”, hệ thống sẽ đưa tác nhân trở lại trang chủ

Hình 2.4: Biểu đồ trình tự đổi mật khẩu

2.2.2.3 Chức năng đăng xuất

15

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

2.3 Chức năng đăng ký

2.3.1 Biểu đồ Use Case chức năng đăng ký

Hình 2.6 Use case đăng ký

• Đặc tả Use Case đăng ký:

• Tên Use Case: Đăng ký hệ thống

• Tác nhân: Nhân viên, Quản lý

• Mô tả: Cho phép tác nhân đăng ký thông tin vào website để tạo tài khoản

• Dòng sự kiện:

- Tác nhân tiến hành mở giao diện đăng ký

- Tác nhân điền đầy đủ thông tin mà hệ thống yêu cầu

- Hệ thống tiến hành cập nhập thông tinh và gửi email xác nhận đăng ký tài khoản cho tác nhân

- Tác nhân bấm vào link xác nhân đăng ký

- Hệ thống lưu thông tin đăng ký, đưa ra thông báo đăng ký thànhcông và đưa các tác nhân đến màn hình đăng nhập

- Kết thúc quá trình đăng ký

2.3.3 Biểu đồ trình tự chức năng đăng ký

Hình 2.7 Biểu đồ trình tự đăng ký

2.4 Chức năng quản lý giỏ hàng, thanh toán

2.4.1 Biểu đồ Use Case chức năng quản lý giỏ hàng, thanh toàn

Hình 2.8 Use case giỏ hàng

• Đặc tả Use case giỏ hàng, thanh toán:

• Tên Use Case: giỏ hàng, thanh toán sản phảm

• Tác nhân: Khách hàng

17

• Mô tả: Cho phép tác nhân quản lý giỏ hàng và thanh toán sản phẩm.

- Hệ thống xóa bỏ đơn hàng

- Nếu hủy đơn hàng, hệ thống sẽ hủy yêu cầu mua hàng và đưa tác nhân về trang giỏ hàng

- Kết thúc quá trình thanh toán

2.4.2 Biểu đồ trình tự chức năng quản lý giỏ hàng, thanh toán

2.4.2.1 Chức năng thanh toán

Hình 2.9 Biểu đồ trình tự thanh toán

2.4.2.2 Chức năng xóa sản phẩm khỏi giỏ hàng

Hình 2.10 Biểu đồ trình tự xóa sản phẩm khỏi giỏ hàng

19

2.5 Chức năng lập hóa đơn

2.5.1 Biểu đồ hoạt đông chức năng lập hóa đơn

Hình 2.11 Biểu đồ hoạt đông chức năng lập hóa đơn

2.6 Biểu đồ lớp

Hình 2.12 Biểu đồ lớp

Chương III: Cài đặt

21

3.1 Giao diện đăng ký, đăng nhập

Hình 3.1 Giao diện đăng ký

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

3.2 Giao diện trang chủ

Hình 3.3 Giao diện trang chủ

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

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

23

3.4 Giao diện giỏ hàng

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

3.5 Giao diện thống kê của admin

Hình 3.6 Giao diện thống kê của admin

3.6 Giao diện thêm sản phẩm

Hình 3.7 Giao diện thêm sản phẩm

3.7 Giao diện quản lý sản phẩm

Hình 3.8 Giao diện quản lý sản phẩm

25