Xây Dựng Website Bán Hàng Hỗ Trợ 2 Ngôn Ngữ.pdf

ĐẠI HỌC QUỐC GIA HÀ NỘITRƯỜNG ĐẠI HỌC CÔNG NGHỆ

XÂY DỰNG WEBSITE BÁN HÀNG HỖ TRỢ 2 NGÔN NGỮ

Giảng viên hướng dẫn: Trần Mai Thành viên nhóm: Mai Thanh Phương

Vũ Hữu ThắngLê Đức Mạnh

LỜI MỞ ĐẦU

Lời đầu tiên, chúng em xin chân thành gửi lời cảm ơn đến giảng viên hưng dn - thầy Trần Mai Đồng thời, chúng em cũng cám ơn trường đã tạo điều kiện thuận lợi cho chúng em học tập và nghiên cứu

Nhóm chúng em xin cam đoan dự án “Xây dựng WebSite bán hàng hỗ trợ 2 ngôn ngữ” là công trình nghiên cứu của nhóm dưi sự hưng dn của thầy Trần Mai.

Những tài liệu tham khảo trong dự án đã được nêu rõ trong phần tài liệu tham khảo Nếu như phát hiện bất kỳ sự gian lận nào, cả nhóm xin hoàn toàn trách nhiệm và mọi hình thức kỷ luật của khoa và nhà trường.

MỤC LỤC

LỜI CẢM ƠN 1

MỤC LỤC 2

TÓM TẮT 7

CHƯƠNG 1 GIỚI THIỆU 8

CHƯƠNG 2 CÁC GIẢI PHÁP HIỆN TẠI CỦA HỘI MÁU HÀ NỘI 9

2.1.Khảo sát quản lý hồ sơ thành viên hội bằng giấy truyền thống 9

2.2.Ứng dụng công nghệ thông tin - Phần mềm excel 9

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 10

3.1.Mô tả bài toán yêu cầu 10

3.1.1.Chức năng 10

3.1.2.Yêu cầu đặt ra 10

3.2.Phân tích chức năng hệ thống 11

3.2.1.Đối tượng của website 11

3.3.2 Sơ đồ phân rã chức năng 11

3.3.Phân tích sơ đồ usecase 14

3.3.1.Phân tích usecase thành viên Hội 14

3.3.2.Phân tích usecase quản lý Hội 15

3.4.Phân tích và thiết kế hệ thống (Database) 15

3.4.1.Tổng quan hệ thống 15

3.4.2.Chi tiết từng bảng 17

CHƯƠNG 4 ĐÁNH GIÁ THỰC NGHIỆM VÀ KẾT QUẢ 27

4.1.Môi trường thực nghiệm 27

4.2.Một số giao diện người dùng và các chức năng cụ thể, nổi bật 27

4.2.1.Đối với tất cả các thành viên 27

4.2.1.1Đăng nhập website 27

4.2.1.2.Quên mật khẩu tài khoản 27

4.2.1.3.Thay đổi mật khẩu tài khoản 29

4.2.1.4.Xem thông tin tổ chức 29

4.2.1.5.Xem thông tin các cơ sở trực thuộc Hội 30

4.2.1.6.Xem thông tin cá nhân 30

4.2.1.7.Đánh giá năng lực 31

4.2.2.Đối với thành viên có quyền quản trị website 32

4.2.2.1.Quản lý Hội, và các cơ sở trực thuộc Hội 32

4.2.2.2.Quản lý Thành viên trực thuộc quyền quản lý 34

4.2.2.3.Quản lý Đánh giá năng lực 36

CHƯƠNG 5 KẾT LUẬN 40

TÀI LIỆU THAM KHẢO 41

DANH MỤC HÌNH ẢNH

Hình 1: Sơ đồ phân rã chức năng tổng quát của hệ thống 12

Hình 2: Sơ đồ phân rã chức năng chi tiết của Thành viên 12

Hình 3: Sơ đồ phân rã chức năng chi tiết của Quản trị viên 13

Hình 4: Sơ đồ Usecase 14

Hình 5: Database 15

Hình 6: Database 16

Hình 7: Giao diện Đăng nhập website 27

Hình 8: Nhập ID lấy lại mật khẩu 28

Hình 9: Đăng nhập email lấy lại mật khẩu 29

Hình 10: Đổi mật khẩu 29

Hình 11: Xem thông tin tổ chức Hội 29

Hình 12: Xem thông tin cơ sở trực thuộc Hội 30

Hình 13: Thông tin hồ sơ cá nhân 31

Hình 14: Tham gia kiểm tra Đánh giá năng lực 31

Hình 15: Đề thi Đánh giá năng lực 32

Hình 16: Quản lý thông tin Hội 33

Hình 17: Quản lý thông tin Chi Hội 33

Hình 18: Quản lý thông tin Đội 34

Hình 19: Quản lý thành viên 34

Hình 20: Thêm thành viên 35

Hình 21: Sửa thông tin thành viên 35

Hình 22: Quản lý đề thi Đánh giá năng lực 36

Hình 23: Xóa đề thi Đánh giá năng lực 36

Hình 24: Xóa lại câu hỏi 37

Hình 25: Xác nhận thành công khi xóa câu hỏi 37

Hình 26: Cập nhật câu hỏi 38

Hình 27: Thêm câu hỏi dạng 1 đáp án 38

Hình 28: Thêm câu hỏi dạng nhiều đáp án 39

DANH MỤC BẢNG BIỂU

Bảng 1: Vai trò các bảng trong cơ sở dữ liệu 16

Bảng 2: Bảng users chi tiết trong cơ sở dữ liệu 17

Bảng 3: Bảng roles chi tiết trong cơ sở dữ liệu 18

Bảng 4: Bảng roles chi tiết trong cơ sở dữ liệu 18

Bảng 5: Bảng functions chi tiết trong cơ sở dữ liệu 18

Bảng 6: Bảng user_exams chi tiết trong cơ sở dữ liệu 18

Bảng 7: Bảng exams chi tiết trong cơ sở dữ liệu 19

Bảng 8: Bảng question_in_exams chi tiết trong cơ sở dữ liệu 20

Bảng 9: Bảng questions chi tiết trong cơ sở dữ liệu 20

Bảng 10: Bảng type_questions chi tiết trong cơ sở dữ liệu 20

Bảng 11: Bảng answers chi tiết trong cơ sở dữ liệu 21

Bảng 12: Bảng results chi tiết trong cơ sở dữ liệu 21

Bảng 13: Bảng specializeds chi tiết trong cơ sở dữ liệu 21

Bảng 14: Bảng clubs chi tiết trong cơ sở dữ liệu 22

Bảng 15: Bảng schools chi tiết trong cơ sở dữ liệu 23

Bảng 16: Bảng positions chi tiết trong cơ sở dữ liệu 23

Bảng 17: Bảng branchs chi tiết trong cơ sở dữ liệu 23

Bảng 18: Bảng members chi tiết trong cơ sở dữ liệu 24

Bảng 19: Bảng learns chi tiết trong cơ sở dữ liệu 26

Bảng 20: Bảng activities chi tiết trong cơ sở dữ liệu 26

TÓM TẮT

Hiến máu nhân đạo là một hành động cao cả, một nghĩa cử cao đẹp, thể hiện tinh thần trách nhiệm vi cộng đồng Hưởng ứng hoạt động mang đầy tính nhân văn này, Hội Thanh niên vận động hiến máu Hà Nội đã được thành lập vào năm 1994 Từ đó đến nay, Hội đã phát triển mạnh mẽ ti quy mô hiện tại bao gồm 10 Chi hội, 75 Câu lạc bộ, Đội tuyên truyền viên vi hơn 20.000 lượt hội viên, tuyên truyền viên Vi quy mô mở rộng như thế sẽ khiến cho việc quản lý hội viên cũng như việc truyền đạt thông tin giữa hội viên và tổ chức sẽ gặp khó khăn nếu vn theo phương thức ghi chép sổ sách truyền thống.

Trong thời kỳ công nghệ 4.0, việc công nghệ hóa quy trình luôn là giải pháp vàng để tối ưu công việc Hội hiến máu cũng đang áp dụng quản lý thông tin về tình trạng hoạt động của các hội viên bằng phần mềm Excel do các hội viên tự update Tuy nhiên cách hoạt động như vậy khiến hội viên có thể thay đổi, xóa, sửa thông tin của các hội viên khác dn đến tình trạng thông tin không chính xác gây cản trở trong việc quản lý thành viên Hội Do đó, để khắc phục những khó khăn trong việc quản lý đã đề cập, cùng vi sự tham khảo, nghiên cứu nhu cầu thực tế của Hội máu Hà Nội, nhóm đã triển khai và phát triển hệ thống quản lý thành viên Hội máu Hà Nội Hệ thống không chỉ giúp quản lý hồ sơ hội viên và cập nhập thông tin hoạt động mà còn kiểm tra, đánh giá năng lực hội viên giúp đảm bảo cả về lượng và chất của hội viên Từ khóa: Website, hệ thống quản lý thông tin, cấp bậc thành viên đội máu.

CHƯƠNG 1 GIỚI THIỆU

Bố cục báo cáo này gồm 5 chương: Chương 1: Gii thiệu

Chương 2: Các giải pháp hiện tại của Hội Máu Hà Nội Chương 3: Phân tích thiết kế hệ thống

Chương 4: Đánh giá thực nghiệm và kết quả Chương 5: Kết luận

CHƯƠNG 2 CÁC GIẢI PHÁP HIỆN TẠI CỦA HỘI MÁU HÀ NỘI

Chương này nhằm khảo sát và phân tích một số phương pháp quản lý thành viên hiện đang được Hội máu Hà Nội sử dụng, bao gồm quản lý truyền thống, ứng dụng phần mềm cũng sẽ được nhắc đến và gii thiệu trong chương này.

2.1 Khảo sát quản lý hồ sơ thành viên hội bằng giấy truyền thống

Hiện tại việc quản lý hồ sơ thành viên Hội bằng phương pháp truyền thống vn đang được áp dụng rộng rãi và phổ biến tại các Hội máu Hà Nội Cấp bậc quản lý của hội máu được chia thành 3 bậc: Cấp Hội, Cấp Chi Hội, Cấp Đội Cấp Hội quản lý toàn bộ thành viên trực thuộc Hội và thông tin về tất cả các cơ sở trực thuộc Hội; Cấp Chi Hội quản lý toàn bộ thành viên trực thuộc Chi Hội đó và thông tin về các cơ sở trực thuộc Chi Hội đó; Cấp Đội quản lý toàn bộ thành viên trực thuộc Đội đó và thông tin về Đội đó Các cấp quản lý thông tin, hồ sơ của thành viên bằng giấy tờ truyền thống lưu các thông tin như: Họ tên, ngày sinh, gii tính, đơn vị công tác, thông tin liên hệ, Thêm vào đó, người quản lý phải lưu lại thông tin về hoạt động của các thành viên tham gia các chương trình của Hội Vi phương pháp quản lý thành viên bằng giấy truyền thống, để quản lý hàng ngàn thành viên là công việc có khối lượng rất ln và hiệu quả quản lý không cao, dễ xảy ra các rủi ro không mong muốn Hơn nữa phương thức quản lý này không đảm bảo tính toàn vẹn của thông tin, khả năng xảy ra việc mất hồ sơ, thất lạc thông tin cao, việc truyền thông tin hồ sơ thành viên ti các Cấp mất thời gian vận chuyển giấy tờ.

2.2 Ứng dụng công nghệ thông tin - Phần mềm excel

Hội Máu Hà Nội hiện đang áp dụng quản lý thông tin về tình trạng hoạt động của các thành viên bằng phần mềm Excel Tình trạng của các thành viên hiện đang còn hoạt động hay không sẽ được thành viên tự điền vào file Excel quy định của Hội và được thu thập thông tin theo từng tháng từ cấp Hội trở xuống Vấn đề xảy ra trong việc quản lý thông tin là tình trạng thành viên có thể thay đổi, xóa, sửa thông tin của các thành viên khác dn đến tình trạng thông tin không chính xác gây cản trở trong việc quản lý thành viên Hội.

Do đó hệ thống ra đời nhằm cải tiến cách quản lý thành viên của hội một cách chính xác, hiệu quả nhất, tạo ra một công cụ chuyên nghiệp về chức năng nghiệp vụ, thân thiện về chức năng tương tác, giúp cho người quản trị và thành viên hội sử dụng một cách hiệu quả nhất.

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Chương này sẽ phân tích các chức năng để đáp ứng quy trình nghiệp vụ của Hội máu Hà Nội.

3.1 Mô tả bài toán yêu cầu

Tên đề tài “Xây dựng WebSite bán hàng hỗ trợ 2 ngôn ngữ”.

3.1.1 Chức năng

Đây là một hệ thống quản nhằm hỗ trợ việc lưu giữ, quản lý các thành viên trong Hội, thêm vào đó là nơi các thành viên có thể cập nhật các sự kiện, chiến dịch sắp diễn ra nhanh nhất, chính xác nhất Hệ thống tổ hợp chức năng kiểm tra kiến thức, nâng cấp cho các thành viên trong Hội lên chức vụ cao hơn.

Hệ thống có các chức năng như sau: ● Về phía Thành viên:

- Đăng nhập, quên mật khẩu - Đánh giá năng lực - Xem thông tin tổ chức Hội

- Xem thông tin các cơ sở trực thuộc Hội - Thông tin cá nhân

● Về phía Quản trị viên website

- Thay đổi thông tin tổ chức Hội, cơ sở trực thuộc Hội - Tra cứu hồ sơ thành viên trực thuộc quyền quản lý - Thay đổi thông tin thành viên

- Thêm cơ sở mi trực thuộc Hội - Quản lý Đánh giá năng lực

3.1.2 Yêu cầu đặt ra

a Thiết bị và phần mềm:

- Máy tính có thể thiết kế được internet - Hệ quản trị cơ sở dữ liệu MySql - Cài đặt Visual Studio code

- Công nghệ sử dụng: react js, node js, reduct js, sequelize, b Yêu cầu trang web

Hệ thống web chia làm 2 phần: ● Thành viên

Thành viên là những người có nhu cầu đăng ký làm thành viên chính thức, xem thông tin tổ chức Hội, xem thông tin các cơ sở trực thuộc Hội, thi lên cấp, vì thế trang web cần có các chức năng như sau:

- Hiển thị theo từng danh mục để thành viên có thể dễ dàng xem thông tin, tìm kiếm thông tin

- Thành viên có thể xem được các thông tin chi tiết của Hội và cơ sở trực thuộc Hội

- Thành viên phải có chức năng kiểm tra năng lực để thực hiện bài kiểm tra lên cấp như mong muốn, nhu cầu.

● Quản trị viên:

Quản trị viên là người có quyền kiểm soát mọi hoạt động của hệ thống Người này được cấp user và password để đăng nhập hệ thống thực hiện chức năng của mình:

- Chức năng Thay đổi thông tin tổ chức Hội, cơ sở trực thuộc Hội - Chức năng Tra cứu hồ sơ thành viên trực thuộc quyền quản lý - Chức năng Thay đổi thông tin thành viên

- Thêm cơ sở mi trực thuộc Hội

- Quản lý Đánh giá năng lực cho các Thành viên

Ngoài các chức năng nên trên thì trang web cần được thiết kế dễ dàng sử dụng, tiện ích và dễ hiểu cho các đối tượng tiếp cận truy cập, sử dụng hệ thống.

3.2 Phân tích chức năng hệ thống3.2.1 Đối tượng của website

Website được xây dựng để đáp ứng 02 đối tượng chính: - Thành viên (đã đăng nhập)

- Quản trị viên (Có quyền quản trị website)

3.3.2 Sơ đồ phân rã chức năng

Chức năng phía client được chia ra làm hai loại: chức năng của Thành viên và chức năng của Quản trị viên có quyền quản trị.

Hình dưi đây mô tả chức năng tổng quát của cả hệ thống.

Hình 1: Sơ đồ phân rã chức năng tổng quát của hệ thống Mô tả chi tiết chức năng của Thành viên

Hình 2: Sơ đồ phân rã chức năng chi tiết của Thành viên

Mô tả chi tiết chức năng của Quản trị viên

Hình 3: Sơ đồ phân rã chức năng chi tiết của Quản trị viên

3.3 Phân tích sơ đồ usecase

Hình dưi đây mô tả sơ đồ use case tổng quát:

Hình 4: Sơ đồ Usecase

3.3.1 Phân tích usecase thành viên Hội

Đối vi thành viên Hội là những người đã có tài khoản trên hệ thống sẽ có các usecase như sau :

- Đăng nhập: Tài khoản trên hệ thống là do quản trị viên tạo, thành viên sẽ đăng nhập theo tài khoản được cấp.

- Quản lý tài khoản: Thành viên có thể thay đổi mật khẩu tài khoản - Hồ sơ thành viên: Hệ thống sẽ cung cấp thông tin cá nhân và thông tin học

tập, hoạt động Thành viên có thể xem những thông tin này.

- Xem thông tin: Thành viên có thể xem thông tin về Hội, các đơn vị trực thuộc.

- Đánh giá năng lực: Thành viên có quyền tham gia các bài kiểm tra năng lực được tổ chức trên hệ thống.

3.3.2 Phân tích usecase quản lý Hội

Quản trị viên là người có quyền kiểm soát mọi hoạt động của hệ thống Ngoài các chức năng như của thành viên Hội, quản trị viên sẽ có thêm các chức năng quản lý hệ thống Dưi đây sẽ tập trung mô tả các usecase quản lý của riêng Quản trị viên:

- Quản lý đánh giá năng lực: Quản trị viên có quyền tạo, sửa, xóa đề thi, phân quyền cho các Thành viên tham gia thi.

- Quản lý thông tin: Quản trị viên có quyền tạo, sửa các thông tin Hội và các đơn vị trực thuộc Hội

- Thêm đơn vị: Quản trị viên có quyền thêm đơn vị trực thuộc Hội - Quản lý thành viên: Quản trị viên có quyền thêm, sửa, xóa thông tin các

thành viên

- Tra cứu thành viên:Hành vi thay đổi, xóa thông tin thành viên sẽ do Quản trị viên thực hiện.

3.4 Phân tích và thiết kế hệ thống (Database)3.4.1 Tổng quan hệ thống

Hình 5: Database

Tên và nội dung các bảng dữ liệu:

Hình 6: Database

Bảng 1: Vai trò các bảng trong cơ sở dữ liệu

users Lưu trữ thông tin tài khoản thành viên roles Lưu trữ thông tin vai trò thành viên functions Thông tin truy cập

user_exams Kết quả thi của mỗi thành viên exams Tạo kỳ thi cho thành viên questions Tạo câu hỏi và câu trả lời type_questions Tạo loại câu hỏi

answers Tạo câu trả lời của thành viên results Kết quả đúng của câu hỏi

specialized Thông tin về các bộc chuyên môn của Hội máu Hà Nội

Tên bảngNội dung

club Thông tin các câu lạc bộ trực thuộc Hội máu Hà Nội school Thông tin trường lp của thành viên

position Thông tin chức vụ của Hội máu Hà Nội branch Thông tin chi hội trực thuộc Hội máu Hà Nội member Thông tin cá nhân của thành viên

learn Thành tích học tập được khen thưởng trong các năm học ở trường của thành viên

activity Hoạt động được khen thưởng trong các năm học ở trường của

role_id varchar No Foreign Key Mã định danh vai trò thành viên

uid varchar No Primary Key Mã định danh

uid varchar No Primary Key Mã định danh role_uid varchar No Unique Mã định danh vai trò function_uid varchar No Foreign Key Mã định danh hàm

uid varchar No Primary Key Mã định danh

object varchar No Unique Đối tượng sử dụng method varchar No Unique Phương thức gọi

description text No Unique Mô tả chức năng

uid varchar No Primary Key Mã định danh

exam_uid varchar No Foreign Key Mã bài thi user_id varchar No Foreign Key Mã người dùng

uid varchar No Primary Key Mã định danh

start_time int No Unique Thời gian bắt đầu làm bài thi

thúc bài thi

password varchar No Unique Mật khẩu bài thi description text No Unique Mô tả tổng quan

bài thi total_question int No Unique Tổng câu hỏi

role_view_uid varchar No Foreign Key Mã định danh role được thi user_id varchar No Foreign Key Mã người dùng

uid varchar No Primary Key Mã định danh exam_uid varchar No Unique Mã bài thi question_uid varchar No Foreign Key Mã câu hỏi

question_text text No Unique Câu hỏi và câu type_question_uid varchar No Foreign Key Mã loại câu hỏi user_id varchar No Foreign Key Mã người dùng

type varchar No Unique Tên loại câu hỏi description text No Unique Mô tả loại câu hỏi