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

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

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

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

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

<b>Vũ Hữu ThắngLê Đức Mạnh</b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>LỜI MỞ ĐẦU</b>

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 hồn tồn trách nhiệm và mọi hình thức kỷ luật của khoa và nhà trường.

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b>MỤC LỤC</b>

<b>LỜI CẢM ƠN ... 1 </b>

<b>MỤC LỤC ... 2 </b>

<b>TÓM TẮT ... 7 </b>

<b>CHƯƠNG 1. GIỚI THIỆU ... 8 </b>

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

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

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

<b>CHƯƠNG 3. PHÂN TÍCH THIẾT KẾ HỆ THỐNG ... 10 </b>

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

3.1.1.<b>Chức năng ... 10 </b>

3.1.2.<b>Yêu cầu đặt ra ... 10 </b>

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

3.2.1.<b>Đối tượng của website ... 11 </b>

<b>3.3.2. Sơ đồ phân rã chức năng ... 11 </b>

3.3.<b>Phân tích sơ đồ usecase ... 14 </b>

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

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

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

3.4.1.<b>Tổng quan hệ thống ... 15 </b>

3.4.2.<b>Chi tiết từng bảng ... 17 </b>

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

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

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

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

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

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

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

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

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

<b>CHƯƠNG 5. KẾT LUẬN ... 40 </b>

<b>TÀI LIỆU THAM KHẢO ... 41 </b>

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

<b>DANH MỤC HÌNH ẢNH</b>

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

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

<b>DANH MỤC BẢNG BIỂU</b>

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

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

<b>TÓM TẮT</b>

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 ln 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.

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

<b>CHƯƠNG 1. GIỚI THIỆU</b>

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

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

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

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.

<b>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</b>

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 tồ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ờ.

<b>2.2. Ứng dụng công nghệ thông tin - Phần mềm excel</b>

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.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

<b>CHƯƠNG 3. PHÂN TÍCH THIẾT KẾ HỆ THỐNG</b>

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.

<b>3.1. Mơ tả bài tốn u cầu</b>

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

<b>3.1.1. Chức năng</b>

Đâ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

<b>3.1.2. Yêu cầu đặt ra</b>

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

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

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 số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

Ngồ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.

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

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)

<b>3.3.2. Sơ đồ phân rã chức năng</b>

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 qt của cả hệ thống.

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

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

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

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

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

<b>3.3. Phân tích sơ đồ usecase</b>

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

Hình 4: Sơ đồ Usecase

<b>3.3.1. Phân tích usecase thành viên Hội</b>

Đố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.

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

- Đá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.

<b>3.3.2. Phân tích usecase quản lý Hội</b>

Quản trị viên là người có quyền kiểm số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.

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

Hình 5: Database

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

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

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

<b>Tên bảngNội dung</b>

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

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

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

</div><span class="text_page_counter">Trang 19</span><div class="page_container" data-page="19">

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

</div><span class="text_page_counter">Trang 20</span><div class="page_container" data-page="20">

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

</div>