Xây dựng website bán máy tính

Sau khi nhập hết thông tin khách hàng cùng thông tin dịch vụ mà khách hàng chọn thì nhân viên tiến hành in hóa đơn cho khách hàng và lưu thông tin hóa đơn vào hệ thống.. Nhân viên có thể

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 BÁN MÁY TÍNH

SINH VIÊN THỰC HIỆN

GIẢNG VIÊN HƯỚNG DẪN

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

PHIẾU CHẤM ĐIỂM

Sinh viên thực hiựn:

STT HĐ và tên NĐi dung thĐc hiĐn ĐiĐm ChĐ ký

Giáo viên 2:

MỤC LỤC

MỤC LỤC 3

LỜI CẢM ƠN 4

Chương I : KHẢO SÁT VÀ XÁC LẬP BÀI TOÁN 5

1.1 Khảo sát hệ thống 5

1.1.1.Giới thiệu về website 5

1.1.2.Đánh giá thực tế 5

1.1.3.Xác định bài toán cần giải quyết 5

1.2 Yêu cầu website 6

1.2.1 Yêu cầu chức năng 6

1.2.2 Yêu cầu phi chức năng 6

CHƯƠNG II : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 8

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

2.1.1 Xác định các Actor của hệ thống 8

2.1.2Biểu đồ Use case của toàn hệ thống 9

2.2 Phân tích chi tiết từng chức năng của hệ thống 9

2.2.1 Chức năng đăng nhập: 9

2.2.2 Chức năng quản lý hóa đơn 14

2.2.3 Chức năng quản lí nhân viên 20

2.2.4 Chức năng quản lý kho 27

2.3 Biểu đồ lớp tổng quát 32

Chương III: Thiết kế giao diện 33

3.1 Giao diện chính 33

3.2 Giao diện đăng nhập 33

3.3 Giao diện đăng kí 34

3.4 Giao diện Category 34

3.5 Giao diện Product 35

3.6 Giao diện thanh toán 35

LỜI CẢM ƠN

Trên thực tế, không có sự thành công nào mà không gắn liền với những sự

hỗ trợ, sự giúp đỡ dù ít hay nhiều, dù là trực tiếp hay gián tiếp của người khác.Trong suốt thời gian từ khi bắt đầu học tập ở giảng đường Đại học đã đến nay, em

đã nhận được rất nhiều sự quan tâm, giúp đỡ của thầy cô, gia đình và bạn bè Vớilòng biết ơn sâu sắc nhất, em xin gửi đến thầy cô ở Khoa Công Nghệ Thông Tin-trường Đại Học Điện Lực đã cùng với tri thức và tâm huyết của mình để truyền đạtvốn kiến thức quý báu cho chúng em trong suốt thời gian học tập tại trường Vàđặc biệt, trong kỳ này, em được tiếp cận với môn học rất hữu ích đối với sinh viênngành Công Nghệ Thông Tin Đó là môn: Đồ Án Lập Trình Web Nâng Cao “ ”

Nhóm chúng em đã tập trung nghiên cứu và ứng dụng những nguyên tắc cơ bản vànâng cao của lập trình web để xây dựng các ứng dụng web thực tế Quá trình nàykhông chỉ mang lại sự hiểu biết sâu rộng về các framework và thư viện mới, màcòn đề xuất giải pháp cho những thách thức thực tế mà chúng em đã gặp phải Báocáo này sẽ đi sâu vào những thành tựu đạt được, những vấn đề gặp phải và cáchtiếp cận chúng, cũng như những kinh nghiệm học tập và ý nghĩa của quá trình nàyđối với sự phát triển cá nhân và chuyên môn của chúng em… Hy vọng rằng báocáo này sẽ là một bức tranh chân thực và chi tiết về hành trình học tập của chúng

em trong môn "Đồ Án Lập Trình Web Nâng Cao."

Chương I : KHẢO SÁT V XÁC LẬP BI TOÁN

1.1 Khảo sát hệ thống

1.1.1.Giới thiệu về website

Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cảchiều rộng và sâu Máy tính điện tử không còn là một thứ phương tiện quý hiếm

mà đang ngày càng trở thành một công cụ làm việc và giải trí thông dụng của conngười, không chỉ ở công sở mà còn ngay cả trong gia đình Đứng trước vai trò củathông tin hoạt động cạnh tranh gay gắt, các tổ chức và các doanh nghiệp đều tìmmọi biện pháp để xây dựng hoàn thiện hệ thống thông tin của mình nhằm tin họchóa các hoạt động tác nghiệp của đơn vị

ORGANI-SHOP tự tin là địa chỉ uy tín trong việc cung cấp các sản phẩmmáy tính, phụ kiện, theo phong cách phi giới tính khác biệt Đến với ORGANI-SHOP bạn sẽ tìm được thứ bạn cần cho bản mình ORGANI-SHOP sẽ khôngngừng cố gắng để mở rộng quy mô, nâng cao dịch vụ nhằm mang đến hệ thống cửahàng cùng nhiều tiện ích tốt nhất, phục vụ tối ưu nhất nhu cầu của khách hàng

1.1.2.Đánh giá thực tế

1.1.3.Xác định bài toán cần giải quyết

- Để phù hợp với phương châm làm việc của cửa hàng, trang web cần phải được nâng cấp đề phù hợp với một số yêu cầu sau:

+ Giao diện, hình ảnh, bố cục website đẹp

+ Thông tin các mặt hàng được cập nhật đầy đủ, chi tiết

+ Thao tác mua, đặt hàng, thanh toán thuận lợi, rõ ràng

+ Giao diện admin dễ nhìn, dễ sử dụng

+ Thao tác với hệ thống đơn giản, thuận tiện

1.2 Yêu cầu website

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

- Các chức năng chính quản lý cửa hàng:

+ Quản lý đăng nhập

+ Quản lý đơn hàng

+ Quản lý sản phẩm

+ Quản lý nhân viên

+ Quản lý báo cáo thống kê

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

1.2.2.1 Yêu cầu bảo mật.

Điều quan trọng cần chú ý nhất đó là thông tin khách hàng do khách hàng cung cấp, nếu không được khách hàng cho phép cần phải được bảo mật tuyệt đối

1.2.2.2 Yêu cầu về sao lưu.

Việc sao lưu dữ liệu cũng rất quan trong bởi cũng có rất nhiều dữ liệu quan trọng như thông tin đơn hàng, thông tin sản phẩm, hay báo cáo thống kê thường kì rất được các quản lý cửa hàng chú trọng nên họ sẽ thường xuyên sao lưu dữ liệu.Hoặc khi đang thanh toán cho khách hàng mà đột nhiên gặp sự cố mất điện xảy ra mà ta chưa sao lưu thì sẽ mệt cho cả 2 bên

1.2.2.3 Yêu cầu về tính năng sử dụng.

+ Sử dụng được đầy đủ các chức năng trên phần mềm

+ Cập nhật được thời gian thực

+ Đảm bảo nhiều người có thể sử dụng hệ thống cùng một lúc

+ Cung cấp đầy đủ các thông tin cần thiết

1.2.2.4 Phần mềm được sử dụng.

+ Cơ sở dữ liệu: My SQL

+ Ngôn ngữ: PHP

1.2.2.5 Yêu cầu khi sử dụng phần mềm.

+ Nhân viên sẽ được phổ biến rõ hơn các chức năng của cửa hàng khi sửdụng

1.2.2.6 Các yêu cầu khác.

+ Giao diện dễ nhìn, dễ sử dụng, và thu hút người sử dụng

+ Khi mới sử dụng cần có hướng dẫn chi tiết

+ Hiệu suất: phản hồi nhanh

+ Khả năng bảo trì

CHƯƠNG II : PHÂN TÍCH V THIẾT KẾ HỆ THỐNG

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

- Là người quản lý tất cả các chức năng trong hệ thống

- Khi hệ thống bị lỗi, quản lý hệ thống là người sẽ tìm cách khắc phục, sửa lỗi hoặcupdate lại hệ thống

2.1.1.2 Khách hàng:

Sau khi được nhân viên tư vấn về thông tin Hàng hóa và các dịch vụ của Webside thì khách hàng có thể quyết định chọn Hàng hóa và dịch vụ mà khách hàng mongmuốn sau đó sẽ cung cấp thông tin cá nhân để nhân viên có thể lập hóa đơn

Khách hàng có thể thanh toán ngay thông qua hai hình thức là qua thẻ ngân hànghoặc tiền mặt Khách hàng có thể lập thẻ tích điểm để tích điểm giảm giá các lần chơi kế tiếp tại Webside

Nhân viên có thể tìm khách hàng theo mã hoặc tên sau đó có thể tùy chọn cácchương năng tương ứng như nhập thông tin khách hàng, xóa thông tin khách hàng,sửa thông tin khách hàng…

Nhân viên có thể nhập thông tin tên dịch vụ mà khách hàng đã lựa chọn tại WEBSIDE Sau khi nhập hết thông tin khách hàng cùng thông tin dịch vụ mà khách hàng chọn thì nhân viên tiến hành in hóa đơn cho khách hàng và lưu thông tin hóa đơn vào hệ thống

Nhân viên có thể nhập, xóa, sửa và tìm kiếm thông tin hàng hóa được nhập vào kho thông qua các trường như: Mã hàng hóa, tên hàng hóa, giá tiền,…

2.1.2Biểu đồ Use case của toàn hệ thống

2.2 Phân tích chi tiết từng chức năng của hệ thống

2.2.1 Chức năng đăng nhập:

2.2.1.1 Biểu đồ Use case chức năng đăng nhập:

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

- Tác nhân: Quản lý cửa hàng, nhân viên

- Mô tả: Mỗi khi tác nhân sử dụng hệ thống quản lý thì cần thực hiện chức năng đăngnhập vào hệ thống Khi dùng xong phần mềm thì đăng xuất tài khoản ra khỏi phầnmềm quản lý.

- Dòng sự kiện chính:

+ Tác nhân yêu cầu giao diện đăng nhập vào hệ thống

+ Hệ thống hiện thị giao diện đăng nhập cho tác nhân

+ Tác nhân : nhập tên đăng nhập (usename) và mật khẩu (password).+ Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào hệ thống

+ Thông tin đúng thì hệ thống gửi thông báo và đưa tác nhân vào hệ thống chính

+ Kết thúc use case đăng nhập

- Dòng sự kiện phụ:

+ Sự kiện 1: Nếu tác nhân đăng nhập đúng, nhưng lại muốn thoát khỏi hệ thống Hệ thống thông báo thoát bằng cách đăng xuất Kết thúc use case.+ Sự kiện 2: Nếu tác nhân đăng nhập sai Hệ thống thông báo đăng nhập lại hoặc thoát Sau khi tác nhân chọn thoát Kết thúc use case

- Các yêu cầu đặc biệt: Không có

- Trạng thái hệ thống trước khi sử dụng use case: Không có yêu cầu

- Trạng thái hệ thống sau khi sử dụng use case:

+ Nếu đăng nhập thành công: Hệ thống sẽ gửi thông báo “Bạn đã đăng nhập thànhcông!!!” và hiển thị giao diện chính cho tác nhân thực hiện các chức năng khác

+ Nếu đăng nhập thất bại: Hệ thống cũng sẽ gửi thông báo “Bạn đã đăng nhập thấtbại!!!” và quay lại chức năng đăng nhập cho bạn đăng nhập lại thông tin của mình.

2.2.1.2 Biểu đồ hoạt động chức năng đăng nhập

a Người thực hiện Quản lý cửa hàng, nhân viên

b Điều kiện kích hoạt:Quản lý cửa hàng đăng nhập vào hệ thống

c Sơ đồ luồng nghiệp vụ cơ bản

d Mô tả các bước

Bước 1: Quản lý đăng nhập vào hệ thống, nhập vào tên đăng nhập và mật khẩu.Bước 2: Hệ thống sẽ kiểm tra thông tin đăng nhập nếu đúng thì đăng nhập vàohệ thống nếu sai yêu cầu nhập lại thông tin

Bước 3: Kết thúc

2.2.1.3 Biểu đồ trình tự chức năng đăng nhập:

- Nếu kết quả nhận được trùng với kết quả trên cơ sở dữ liệu thì hiển thị thôngbáo cho tác nhân “Bạn đã đăng nhập thành công! ”

- Và ngược lại, nếu kết quả không trùng nhau thì gửi thông báo cho tác nhân“Bạn đã đăng nhập thất bại lêu lêu! ”

2.2.2 Chức năng quản lý hóa đơn

2.2.2.1 Biểu đồ use case chức năng quản lý hóa đơn

*Đặc tả use case hóa đơn:

-Tác nhân: Nhân viên

-Mô tả: Tác nhân tiến hành đăng nhập thành công Sau đó tác nhân sử dụng hệ thống quản lý hóa đơn để thao tác tới hóa đơn như thêm, sửa, xóa, tìm kiếm, in hóađơn

+Tác nhân sẽ: Thêm, sửa, xóa, tìm kiếm, in hóa đơn.

+Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vàohệ thống.+ Thông tin đúng thì hệ thống gửi thông báo và lưu hóa đơn thành công hoặc in hóa đơn

+Kết thúc use case hóa đơn

-Dòng sự kiện phụ:

+Sự kiện 1: Nếu tác nhân chọn chức năng quản lý hóa đơn, nhưng lạimuốn trở về giao diện chính Hệ thống trở về giao diện chính Kết thúc use case.+Sự kiện 2: Nếu tác nhân nhập dữ liệu sai Hệ thống thông báo dữ liệu nhập sai yêu cầu nhập lại hoặc trở về giao diện chính Sau khi tácnhân trở về giao diện chính Kết thúc use case

-Các yêu cầu đặc biệt: Không có

-Trạng thái hệ thống trước khi sử dụng use case: Không có yêu cầu

-Trạng thái hệ thống sau khi sử dụng use case:

+ Nếu lưu hóa đơn thành công hoặc xuất hóa đơn thành công: Hệ thống sẽ gửi thông báo “Bạn đã lưu hóa đơn thành công và có thể xuất hóa đơn!!!” vàhiển thị giao diện chính cho tác nhân thực hiện các chức năng khác.+ Nếu lưu hóa đơn thất bại hoặc xuất hóa đơn thất bại: Hệ thống cũng sẽ gửithông báo “Bạn đã lưa hóa thất bại và không thể xuất hóađơn!!!” và quay lại chức năng quản lý hóa đơn cho bạn nhập lạithông tin hóa đơn

2.2.2.2 Biểu đồ hoạt động chức năng quản lý hóa đơn

Chức năng quản lý sự kiện bao gồm có 5 chức năng con: Thêm hóa đơn, sửa hóa đơn, xóa hóa đơn, tìm kiếm hóa đơn, in hóa đơn

2.2.2.2.1 Thêm hóa đơn:

a Người thực hiệnNhân viên

b Điều kiện kích hoạt: Quản lý chọn chức năng quản lý hóa đơn, sau đó chọn chứcnăng thêm hóa đơn

c Sơ đồ luồng nghiệp vụ cơ bản

2.2.2.2.2 Xóa hóa đơn:

a Người thực hiện Nhân viên

b Điều kiện kích hoạt: Quản lý chọn chức năng quản lý hóa đơn, sau đó chọn chứcnăng xóa hóa đơn

c Sơ đồ luồng nghiệp vụ cơ bản:

2.2.2.2.3 Tìm kiếm hóa đơn

:a Người thực hiệnNhân viên

b Điều kiện kích hoạt: Quản lý chọn chức năng quản lý hóa đơn, sau đó chọn chứcnăng tìm kiếm hóa đơn

c Sơ đồ luồng nghiệp vụ cơ bản:

2.2.2.2.4 Sửa hóa đơn:

a Người thực hiện Nhân viên

b Điều kiện kích hoạtQuản lý chọn chức năng quản lý hóa đơn, sau đó chọn chức năng sửa hóa đơn

c Sơ đồ luồng nghiệp vụ cơ bản

2.2.2.3 Biểu đồ trình tự chức năng quản lý hóa đơn

2.2.3 Chức năng quản lí nhân viên

2.2.3.1 Biểu đồ usecase chức năng quản lí nhân viên

Đặc tả use case nhân viên:

- Tác nhân: người quản lý

- Mô tả: Tác nhân sử dụng hệ thống quản lý thì cần thực hiện chức năng đăng nhậpvào hệ thống thành công

Tiếp theo chọn chức năng quản lý nhân viên và thực hiệncác chức năng như thêm, sửa, xóa, tìm kiếm thông tin nhân viên

- Dòng sự kiện chính:

+ Tác nhân đăng nhập hệ thống thành công

+ Tác nhân yêu cầu giao diện quản lý nhân viên

+ Hệ thống hiện thị giao diện quản lý nhân viên cho tác nhân.+ Tác nhân sẽ: Thêm, sửa, xóa dữ liệu nhân viên cần thiết

+ Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào hệ thống.+ Thông tin đúng thì hệ thống gửi thông báo

+ Kết thúc use case quản lý nhân viên

- Dòng sự kiện phụ:

+ Sự kiện 1: Nếu tác nhân thêm, sửa, xóa thông tin đúng, nhưng lại muốn trởvềgiao diện chính Hệ thống trở về giao diện chính Kết thúc use case.+ Sự kiện 2: Nếu tác nhân thêm, sửa, xóa thông tin sai Hệ thống thông báo thêm,sửa, xóa thông tin lại hoặc trở về giao diện chính Sau khi tác nhân chọn trở về giao diện chính Kết thúc use case

- Trạng thái hệ thống sau khi sử dụng use case:

+Nếu thêm, sửa, xóa thành công: Hệ thống sẽ gửi thông báo “Bạn đã thêm, sửa,xóa thành công!!!” và hiển thị giao diện chính cho tác nhân thực hiện các chứcnăng khác

+Nếu thêm, sửa, xóa thất bại: Hệ thống cũng sẽ gửi thông báo “Bạn đã thêm,sửa, xóa thất bại!!!” và quay lại chức năng thêm, sửa, xóa cho bạn nhập lạithông tin nhân viên cần thực hiện

2.2.3.2 Biểu đồ hoạt động chức năng quản lý nhân viên

Chức năng quản lý sự kiện bao gồm có 4 chức năng con: Thêm nhân viên, Sửa nhân viên, Xóa nhân viên, Tìm kiếm nhân viên

2.2.3.2.1 Thêm nhân viên:

a Người thực hiệnNgười quản lý

b Điều kiện kích hoạt: Người quản lý chọn chức năng quản lý nhân viên, sau đó chọn chức năng thêm nhân viên

c Sơ đồ luồng nghiệp vụ cơ bản

2.2.3.2.2 Sửa nhân viên:

a Người thực hiệnNgười quản lý

b Điều kiện kích hoạt: Người quản lý chọn chức năng quản lý nhân viên, sau đó chọn chức năng thêm Sửa nhân viên

c Sơ đồ luồng nghiệp vụ cơ bản

2.2.3.2.3 Xóa nhân viên:

a Người thực hiệnNgười quản lý

b Điều kiện kích hoạt: Người quản lý chọn chức năng quản lý nhân viên, sau đó chọn chức năng thêm xóa viên

c Sơ đồ luồng nghiệp vụ cơ bản

2.2.3.2.4 Tìm kiếm nhân viên:

a Người thực hiện :Người quản lý

b Điều kiện kích hoạt: Người quản lý chọn chức năng quản lý nhân viên, sau đó chọn chức năng tìm kiếm nhân viên

c Sơ đồ luồng nghiệp vụ cơ bản

2.2.3.3 Biểu đồ trình tự chức năng quản lý nhân viên:

2.2.4 Chức năng quản lý kho

2.2.4.1 Biểu đồ use case chức năng quản lý kho

* Đặc tả use case quản lý kho:

- Tác nhân: quản lý

- Mô tả: Tác nhân sử dụng hệ thống quản lý thì cần thực hiện chức năng đăng nhậpvào hệ thống thành công Tiếp theo tác nhân chọn chức năng quản lý kho và thực hiện các chức năng mở rộng trong đó như thêm, sửa, xóa, tìm kiếm nhà cung cấp

- Dòng sự kiện chính:

+ Tác nhân đăng nhập hệ thống thành công

+ Tác nhân yêu cầu giao diện quản lý kho

+ Hệ thống hiển thị giao diện quản lý kho cho tác nhân

+ Tác nhân: thêm, sửa, xóa dữ liệu trong kho cần thiết

+ Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào hệ thống.

+ Thông tin đúng thì hệ thống gửi thông báo

+ Kết thúc use case quản lý nhân viên

- Dòng sự kiện phụ:

+ Sự kiện 1: Nếu tác nhân thêm, sửa, xóa thông tin đúng, nhưng lại muốn trở

về giao diện chính Hệ thống trở về giao diện chính Kết thúc use case.+ Sự kiện 2: Nếu tác nhân thêm, sửa, xóa thông tin sai Hệ thống thông báo