Thực tập hệ thống thông tin quản lý XÂY DỰNG WEBSITE BÁN ĐỒ PHƯỢT

Trong thời gian được học tập và thực hành dưới sự hướng dẫn của thầy cô, em không những thu được rất nhiều kiến thức bổ ích, mà còn được truyền sự say mê và thích thú đối với bộ môn “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 MÔN: THỰC TẬP HỆ THỐNG THÔNG TIN QUẢN LÝ

ĐỀ TÀI:

XÂY DỰNG WEBSITE BÁN ĐỒ PHƯỢT

Sinh viên thực hiện : CÙ NGỌC ĐĂNG

Giảng viên hướng dẫn : CẤN ĐỨC ĐIỆP

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

MỤC LỤC

LỜI CẢM ƠN 1

LỜI NÓI ĐẦU 2

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

1.1 Lý do chọn đề tài 3

1.2 Mục tiêu đề tài 4

1.3 Đối tượng và phạm vi nghiên cứu 4

1.3.1 Đối tượng nghiên cứu 4

1.3.2 Phạm vi nghiên cứu 4

1.4 Mục tiêu đề tài 5

1.5 Phương pháp nghiên cứu 5

1.6 Tiêu chí và chức năng của đề tài 5

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

2.1 Khảo sát 7

2.2 Phân tích hệ thống 7

2.2.1 Mô hình nghiệp vụ 7

2.3 Sơ đồ phân rã chức năng Website bán đồ Phượt 8

2.4 DANH MỤC CÁCH KÝ HIỆU 8

2.5 Biểu đồ Use Case 11

2.5.1.Use Case Tổng quát 11

2.5.2 Use Case đăng nhập 12

2.5.3 Use Case quản lý khách hàng 13

2.5.4 Use Case Quản lý sản phẩm 15

2.5.5 Use Case Mua hàng 16

2.5.6 Biểu đồ hoạt động 16

2.6 Biểu đồ tuần tự 22

2.6.1.Biểu đồ tuần tự của đăng ký 24

2.6.2 biểu đồ tuần tự đăng nhập 25

2.6.3.Biểu đồ tuần tự của đăng xuất 25

2.6.4 Biểu đồ tuần tự chức năng Mua hàng 26

2.6.5 Biểu đồ tuần tự chức năng quản lý khách hàng 26

2.7.Biểu đồ lớp (Class) 27

2.7.1 Biểu đồ lớp quản lý nhân viên 27

2.7.2 Biểu đồ lớp quản lý sản phẩm 28

2.7.3 Biểu đồ lớp cho use case bán hàng 28

CHƯƠNG 3: XÂY DỰNG VÀ THIẾT KẾ GIAO DIỆN 29

1 Tài liệu kết thúc dự án 29

Mô tả ngắn về dự án 29

Lý do phát triển dự án 29

2 Kết quả đạt được 29

3 Đánh giá về kết quả dự án 29

4 Một số vấn đề khi kết thúc dự án 30

5 Giao diện chương trình 30

5.1 Giao diện đăng nhập 30

5.2 Giao diện danh mục sản phẩm 31

5.3 Giao diện Giỏ hàng 32

5.4 Giao diện quản lý 34

CHƯƠNG 4: KẾT LUẬN 35

4.1 Kết quả đạt được 35

4.2 Ưu nhược điểm của chương trình 35

4.3 Hướng phát triển 35

TÀI LIỆU THAM KHẢO 37

LỜI CẢM ƠN

Em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy côcủa trường Đại học Điện Lực, đặc biệt là các thầy cô Công Nghệ Thông Tin củatrường đã tạo điều kiện cho em thực hiện đồ án Và em cũng xin chân thành cám

ơn thầy cô đã nhiệt tình hướng dẫn hướng dẫn em hoàn thành tốt khóa thực tập.Trong quá trình thực tập, cũng như là trong quá trình làm bài báo cáo thựctập, khó tránh khỏi sai sót, rất mong các thầy, cô bỏ qua Đồng thời do trình độ

lý luận cũng như kinh nghiệm thực tiễn còn hạn chế nên bài báo cáo không thểtránh khỏi những thiếu sót, em rất mong nhận được ý kiến đóng góp thầy, cô để

em học thêm được nhiều kinh nghiệm và sẽ hoàn thành tốt hơn bài báo cáo tốtnghiệp sắp tới

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

Sinh viên thực hiện

Cù Ngọc Đăng

LỜI NÓI ĐẦU

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, chúng 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è

Em xin chân thành cám ơn cô thầy đã tận tâm hướng dẫn chúng em quatừng buổi học trên lớp cũng như những buổi nói chuyện, thảo luận về mônhọc Trong thời gian được học tập và thực hành dưới sự hướng dẫn của thầy cô,

em không những thu được rất nhiều kiến thức bổ ích, mà còn được truyền sự say

mê và thích thú đối với bộ môn “Thực tập hệ thống thông tin quản lý” Nếukhông có những lời hướng dẫn, dạy bảo của thầy cô thì em nghĩ đồ án này của

em rất khó có thể hoàn thành được

Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy nhiên, do bước đầu đi vào thực tế, tìm hiểu và xây dựng đồ án trong thời gian có hạn, và kiến thức còn hạn chế, nhiều bỡ ngỡ, nên đồ án “Website bán đồ Phượt” chắcchắn sẽ khôn thể tránh khỏi những thiếu sót Em rất mong nhận được sự quantâm, thông cảm và những đóng góp quý báu của các thầy cô và các bạn để đồ ánnày ngày càng hoàn thiện hơn

Sau cùng,em xin kính chúc các thầy cô trong Khoa Công Nghệ ThôngTin dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp của mình

là truyền đạt kiến thức cho thế hệ mai sau

Đồ án bao gồm những nội dung chính sau:

Chương 1 Tổng quan về đề tài

Chương 2 Phân tích và thiết kế hệ thống

Chương 3 Xây dựng và thiết kế giao diện

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý do chọn đề tài

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng Internet, Công Nghệ Thông Tin đang ngày càng chinh phục các đỉnh cao Mạng Internet

là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên làmột công cụ không thể thiếu trong mọi lĩnh vực cuộc sống

Với Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ

nhanh hơn và chi phí thấp hơn nhiều so với các thức truyền thống Chính điềunày, đã thúc đẩy sự khai sinh và phát triển của các hình thức mua sắm, thanhtoán trực tuyến trên khắp thế giới, làm thay đổi bộ mặt văn hóa, nâng cao chấtlượng cuộc sống của con người

Nhu cầu mua sắm từ lâu đã luôn là một trong những nhu cầu thứ yếu

trong cuộc sống của mỗi con người, nhất là trong thời đại 4.0 với sự bùng nổ

của thanh toán trực tuyến Mặt hàng may mặc ngày nay rất phổ biến và mọingười có thể mua sắm cho mình qua thanh toán trực tuyến cũng hết sức dễ dàngtuy nhiên quá trình mua sắm ở các website hiện nay vẫn chưa được tối ưu hóa vàcòn tương đối khó khăn trong việc quản lý, bảo trì và retarget lại những kháchhàng cũ Xu hướng du lịch bằng xe máy ngày càng nở rộ, cộng đồng hay gọinhau bằng cái tên phượt thủ cũng ngày càng đông lên, tạo cơ hội cho các cửahàng bán đồ du lịch bụi phát triển Không như một số sản phẩm thời vụ chỉ bánđắt vào đúng mùa du lịch giữa năm, thời trang bụi cho dân phượt lại có thể bộithu nhiều thời điểm trong năm

Những người ưa du lịch bụi đa phần khá trẻ, sức khỏe tốt, đam mê khámphá, … Độ tuổi có thể tính từ sinh viên cho tới người đã đi làm, đã lập gia đình.Cũng bởi đối tượng đa dạng ngành nghề, nên mức chi tiêu của họ cũng khácnhau Người sẵn sàng chi hàng triệu bạc cho một đôi giày leo núi, nhưng cũng

có người chỉ có thể mua hơn trăm ngàn cho đôi giày thể thao

Nhận thức được thực trạng đó chúng em mong muốn xây dựng một webstebán đồ Phượt, giờ đây khách hàng vẫn có thể dễ dàng mua sắm trực tuyến tại gia

lựa chọn dịch vụ đi kèm, còn đối với các đại lý cửa hàng giờ đây đã có thể quản

lý các mặt hàng sản phẩm, khách hàng nhân viên của mình một cách dễ dànghơn, tất cả đã được gói gọn vào website và dịch vụ đi kèm

Với đề tài này chúng em xin được trình bày một cách thức quản lýwebsite cho phép người quản trị dễ dàng trong việc quản lý của hàng và các sảnphẩm hiệu quả tới khách hàng và các đơn vị hợp tác

1.2 Mục tiêu đề tài

 Tìm hiểu về hệ thống phần mềm Node.js.

 Tìm hiểu các công cụ hỗ trợ như: HTML, CSS, JS, Web Service.

 Tìm hiểu về MongoDB và tương tác kiến thức csdl.

 Cách điều khiển dữ liệu (Controller).

 Hỗ trợ 90% công việc bán hàng, giới thiệu sản phẩm

 Thu hút nhiều lượng khách hàng từ những phạm vi rộng hơn bánhàng truyền thống

 Mục tiêu cụ thể:

+ Xây dựng website bán hàng và thực hiện quản lý qua website

+ Phạm vi: Áp dụng trên toàn quốc, có thể phát triển sâu rộng hơn đếntất cả mọi nơi

1.3 Đối tượng và phạm vi nghiên cứu

1.3.1 Đối tượng nghiên cứu

 Quy trình đặt lịch khám bệnh

 Quy trình tạo lịch khám bệnh cho bác sĩ

 Cách thức tổ chức và quản lý dữ liệu về thông tin bệnh nhân và bác sĩ

1.3.2 Phạm vi nghiên cứu

 Nghiên cứu cách viết API trên framework NetJS

 Nghiên cứu về kiến trúc của ReactJS và cách xây dựng các Single PageApplication

 Nghiên cứu cách kết nối dữ liệu gọi API từ phía Backend cho phíaFrontend.

1.4 Mục tiêu đề tài

Khách hàng (User):

 Tìm kiếm và lựa chọn sản phẩm cần mua

 Xem chi tiết sản phẩm

 Thực hiện việc đặt và mua hàng trực tuyến

 Xem thông tin giới thiệu về trang web

 Xem thông tin liên hệ người bán

Người quản trị (Admin):

 Quản lý trang web thông qua tài khoản admin.

 Quản lý tất cả các sản phẩm

 Quản lý các danh mục sản phẩm

Thêm sửa xóa các sản phẩm của cửa hàng

1.5 Phương pháp nghiên cứu

 Phương pháp quan sát

 Phương pháp điều tra, khảo sát nhu cầu thực tế, sử dụng các phương phápphân tích, điều tra thống kế từ đó xác định các yêu cầu chức năng và yêucầu phi chức năng cần thiết

 Tổng hợp các tài liệu liên quan đến xây dựng và phát triển phần mềm

1.6 Tiêu chí và chức năng của đề tài

 Website “Bán đồ Phượt” với các chức năng dành cho đối tượng chính làkhách hang, quản trị viên

 Một số tiêu chí chức năng

 Khách hàng.

 Giao diện dễ dùng, đơn giản trong sử dụng

 Giao diện web hiển thị đầy đủ và chính xác thông tin và đáp ứng nhucầu sử dụng của khách hàng

 Hệ thống cho phép khách hàng được quyền đăng ký tài khoản, thôngtin đăng ký được bảo mật, an toàn, chính xác

 Hệ thống cho phép khách hàng tìm kiếm sản phẩm theo tên, theo loạisản phẩm, giá thành

 Để thuận tiện cho khách hàng trong quá trình lựa chọn sản phẩm, xemthông tin chi tiết về sản phẩm.

 Quản trị viên.

 Cung cấp cho người quản trị giao diện rõ ràng, thuận tiện, dễ dùng

 Hệ thống cho phép người quản trị xem thông tin sản phẩm và đơnhàng

 Hệ thống cho phép người quản trị xem thông tin đơn hàng của kháchhàng

 Hệ thống cho phép người quản trị cập nhật thêm sửa xoá cập nhậtthông tin sản phẩm

 Hệ thống cho phép tạo người quản trị tạo mới thêm tài khoản

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

2.1 Khảo sát

Để có được một trang web đảm bảo chất lượng và hoàn thiện em đã thực hiệnkhảo sát và tham khảo một số trang web bán hang khác để từ đó giúp cho emtrong việc hoàn thiện sản phẩm của mình tốt hơn

Về mặt tổng thể một trang đặt lịch khám bệnh cần đảm bảo những chức năng cơbản sau:

 Giới thiệu về cửa hàng, website

o Giới thiệu thông tin về website

o Các thông tin cơ bản về nội dung website và các điều lệ

 Thông tin sản phẩm

o Thông tin chi tiết về sản phẩm

o Giá bán sản phẩm, các thông tin khuyến mại

 Trợ giúp

o Tìm kiếm sản phẩm

o Sản phẩm đã đặt

Kết luận: Từ việc tham khảo các trang web trên đã giúp cho em định hình được

cấu trúc cơ bản của một trang web bán hàng online.đơn giản nhưng đầy đủ tínhnăng để tiết kiệm chi phí về thời gian và kinh phí đi lại

2.2 Phân tích hệ thống

2.2.1 Mô hình nghiệp vụ

*Sơ đồ nghiệp vụ

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

-Giao diện thân thiện, dễ dùng, hấp dẫn, dễ tìm kiếm thông tin các sảnphẩm

-Hệ thống chạy đúng, ổn định

-Đáp ứng hầu hết các yêu cầu của người dùng

2.3 Sơ đồ phân rã chức năng Website bán đồ Phượt

kiểu kết hợp

Biểu diễn quan hệ giữa hai lớp độc lập , có liên quan đến nhau Quan hệ

của hệ thống.

Biểu đồ TRẠNG THÁI

Trạng thái Biểu diễn tạng thái

của đối tượng trong vòng đời của đối tượng đó Trạng thái

Chuyển tiếp

(Transition)

Chuyển từ trạng thái này sang trạng thái khác.

thực hiện.

(Thông

điệp)

Là một htoong báo cảu B gửi cho A

Biểu đồ HOẠT ĐỘNG

gồm tên hoạt động Trạng thái

khởi đầu

Khởi đầu vòng đời của đối tượng đó Trạng thái

kết thúc

Kết thúc vòng đời của đối tượng đó Thanh đồng

bộ ngang

Mô tả thanh đồng bộ ngang

Chuyển tiếp

điều kiện Các luồng Phân tách các lớp đối tượng

khách nhau trong biểu đồ hoạt

động

Phân cách nhau bởi một đường kẻ dọc từ trên xuống dưới biểu đồ.

Biểu đồ THÀNH PHẦN

của biểu đồ, mỗi thành phần có thể chứa nhiều lớp hoặc nhiều chương

2.5 Biểu đồ Use Case

2.5.1.Use Case Tổng quát

Quản lý, vào mỗi đầu giờ khi bắt đầu làm, quản lý đăng nhập vào hệ thống

và tích điểm danh ca làm

Quản lý có thể tìm sản phẩm theo tên sản phẩm hoặc theo mã sản phẩm.Nhập thông tin về mã sản phẩm hoặc sản phẩm, hệ thống sẽ tìm kiếm và gửi lạikết quả

Quản lý có thể thêm, sửa xóa thông tin sản phẩm trên hệ thống quản trịweb

Quản lý có thể tìm khách hàng theo mã khách hàng sau đó có thể tùy chọncác chức năng tương ứng như nhập thông tin khách hàng, xóa thông tin kháchhàng, sửa thông tin khách hàng…

2.5.2 Use Case đăng nhập

Hệ thống cho phép người dùng đang nhập vào hệ thống bằng tài khoảnđược cấp của mình để sử dụng chương trình và thực hiện các chức năng vàquyền của người dung như xem sản phẩm, chọn sản phẩm, them giỏ hàng, thanhtoán…

2.5.3 Use Case quản lý khách hàng

Khách hàng vào trang web hoặc tới trực tiếp cửa hàng lựa chọn sản phẩm

và xem mã hoặc tên sản phẩm trực tiếp trên sản phẩm hoặc nếu mua online thìxem trên trang chủ cửa hàng sau đó đặt hàng theo mã sản phẩm Sau khi đặt muasản phẩm khách hàng có thể thanh toán ngay tại quầy theo hai hình thức là thẻngân hàng hoặc tiền mặt Khách hàng có thể lập thẻ thành viên để tích điểmgiảm giá cho những lần mua sau

2.5.4 Use Case Quản lý sản phẩm

2.5.5 Use Case Mua hàng

2.5.6 Biểu đồ hoạt động

Biểu đồ hoạt động đăng nhập

- Mô tả: Use case cho phép người dùng đang nhập vào hệ thống bằng tàikhoản được cấp của mình để sử dụng chương trình

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

- Dòng sự kiện khác: Không có

- Yêu cầu đặc biệt: Không có

- Tiền điều kiện:

 Người dùng phải được cấp tài khoản

 Người dùng chưa đăng nhập tài khoản của mình vào hệ thống

- Hậu điều kiện: Nếu use case thành công thì sẽ được sử dụng hệ thôngtương ứng Ngược lại, trạng thái hệ thống sẽ không thay đổi

- Điểm mở rộng: Không có

Biểu đồ hoạt động của chức năng Đăng ký

- Mô tả: User case cho phép người dùng đăng nhập vào hệ thống bằng tàikhoản được cấp của mình để sử dụng hệ thống

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

- Dòng sự kiện khác: Không có.

- Yêu cầu đặc biệt: Không có

- Tiền điều kiện: Tài khoản đã đăng nhập và chưa đăng cuất khỏi hệ thống

- Hậu điều kiện: Nếu use case thành công thì người dùng sẽ có quyền sửdụng hệ thống để nhập và tìm kiếm thông tin Còn ngược lại, thì trạng thái của

hệ thống không đổi

- Luồng sự kiện:

+Người dùng truy cập hệ thống đăng ký tài khoản

+Nhập các thông tin yêu cầu

+Thành công hệ thống sẽ lưu thông tin vào hệ thống

Biểu đồ hoạt động của chức năng Mua hàng

- Mô tả: Use case cho phép người dùng đăng nhập vào hệ thống bằng tàikhoản được cấp của mình để sử dụng hệ thống, người dùng có thể vào xem sảnphẩm để thực hiện mua hàng

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

- Dòng sự kiện khác: Không có.

- Yêu cầu đặc biệt: Không có

- Tiền điều kiện: Tài khoản đã đăng nhập và chưa đăng cuất khỏi hệ thống

- Hậu điều kiện: Nếu use case thành công thì người dùng sẽ có quyền sửdụng hệ thống để nhập và tìm kiếm thông tin Còn ngược lại, thì trạng thái của

Biểu đồ hoạt động của chức năng Quản lý sản phẩm

-Mô tả: User case cho phép người dùng đăng nhập vào hệ thống bằng tàikhoản được cấp của mình để sử dụng hệ thống, người dùng có thể vào thực hiệnthao tác thêm sửa, xóa sản phẩm

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

- Dòng sự kiện khác: Không có

- Yêu cầu đặc biệt: Không có

- Tiền điều kiện: Tài khoản đã đăng nhập và chưa đăng cuất khỏi hệ thống

- Hậu điều kiện: Nếu use case thành công thì người dùng sẽ có quyền sửdụng hệ thống để nhập và tìm kiếm thông tin Còn ngược lại, thì trạng thái của

hệ thống không đổi

- Luồng sự kiện:

+Sau khi xác nhận đăng nhập, hệ thống sẽ hiện ra các mục quản lý vàngười dùng sẽ chọn vào sản phẩm mình muốn

+Người dùng có thể vào thêm, sửa xóa sản phẩm với quyền được cấp

Biểu đồ hoạt động Quản lý nhân viên

- Mô tả: Use case quản lý nhân viên cho phép quản lý có thể lưu trữ và xử

lí dữ liệu của nhân viên để tạo thành những thông tin hữu ích giúp nhà quản lýquản lý được nhân viên khi vào làm, trong khi làm, nghỉ làm

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

- Dòng sự kiện khác: Không có

- Yêu cầu đặc biệt: Không có

- Tiền điều kiện:

 Quản lý phải đăng nhập vào hệ thống

 Thông tin của nhân viên phải được lưu trữ đầy đủ trong cơ sở dữ liệu

 Quản lý muốn thực hiện các thao tác quản lý đối với những thông tin về nhân viên như thêm, sửa, xóa hoặc tìm kiếm thông tin nhân viên

- Hậu điều kiện:

 Thành công: Thông tin nhân viên được cập nhật

 Lỗi: Không thành công khi xuất hiện lỗi trong quá trình xử lí thông tin nhân viên

- Điểm mở rộng: Không có

Biểu đồ hoạt động quản lý khách hàng