đồ án 2 xây dựng website hỗ trợ học tiếng anh thông qua flashcard

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINHTRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

SV THỰC HIỆN:

20520281 – NGUYỄN TRƯƠNG THÁI PHỤNGTP HỒ CHÍ MINH, 2023

LỜI CẢM ƠN

Em xin gửi lời tri ân sâu sắc đến cô Đỗ Thị Thanh Tuyền, người đã dành thời gian vàtâm huyết để hỗ trợ em trong quá trình nghiên cứu và phát triển đề tài “Xây dựng WebsiteHọc Tiếng Anh thông qua Flashcard.

Với sự hướng dẫn tận tâm và sự khích lệ không ngừng Sự nhiệt tình của cô Đỗ ThịThanh Tuyền không chỉ giúp em vượt qua những thách thức khó khăn mà còn giúp địnhhình và hoàn thiện ý tưởng của đề tài Từ kiến thức sâu rộng của cô, đã giúp em không chỉhiểu rõ về nền tảng kiến thức mà còn áp dụng nó một cách sáng tạo vào dự án của mình.

Dù đã có sự cố gắng, nhưng em nhận thức rằng dự án vẫn còn nhiều khía cạnh chưađược hoàn thiện Em sẽ trân trọng mọi ý kiến đóng góp và hướng dẫn từ cô để làm chowebsite ngày càng hoàn thiện và hữu ích hơn đối với người sử dụng.

Cuối cùng, em xin bày tỏ lòng biết ơn sâu sắc và kính trọng đối với công lao của côtrong việc hỗ trợ em Sự sáng tâm huyết của cô đã là nguồn động viên lớn để chúng em cóthể hoàn thành dự án một cách thành công.

Sinh viên thực hiện đồ án: Nguyễn Trương Thái Phụng- 20520281, xin trân trọngcảm ơn.

TÓM TẮT NỘI DUNG BÁO CÁO

Báo cáo em sắp trình bày dưới đây bao gồm 5 chương chính bao gồm:● Chương 1: Giới thiệu đề tài

● Chương 2: Cơ sở lí thuyết

● Chương 3: Phân tích thiết kế hệ thống● Chương 4: Kết quả triển khai

● Chương 5: Kết luận

Trong đó nội dung khái quát của các chương lần lượt là:

● Chương 1: Giới thiệu đề tài: Trình bày tổng quan về đề tài, giới thiệu về lí dolựa chọn đề tài và mục tiêu nghiên cứu, cũng như phạm vi và phương phápnghiên cứu được sử dụng.

● Chương 2: Cơ sở lí thuyết: Tìm hiểu sâu các cơ sở lí thuyết liên quan đến đềtài Trình bày các khái niệm, các mô hình và các công trình nghiên cứu đãđược thực hiện trước đó trong các lĩnh vực tương tự

● Chương 3: Phân tích thiết kế hệ thống: trình bày quá trình phân tích và thiếtkế hệ thống của đề tài Đồng thời đưa ra mô tả chi tiết về kiến trúc hệ thống,các thành phần và chức năng chính Đề cập các phương pháp, công nghệ vàthiết kế của đề tài.

● Chương 4: Kết quả triển khai: Trình bày kết quả thực hiện và triển khai hệthống dựa trên thiết kế đã được trình bày trong chương trước Bao gồm cácthông số kỹ thuật, kết quả thực nghiệm và đánh giá hiệu suất của hệ thống.Bên cạnh đó, chương này cũng đề cập đến các thách thức gặp phải trong quátrình triển khai đề tài.

● Chương 5: Kết luận: Chương này tổng kết các kết quả đạt được trong quátrình nghiên cứu Đánh giá mức độ hoàn thành mục tiêu ban đầu và đề xuấtcác hướng phát triển tiếp theo Bên cạnh đó, đưa ra các kết luận tổng quát vềđề tài và nhấn mạnh giá trị của nghiên cứu này.

1.2.2 Cơ hội phát triển 12

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

1.3.1 Đối tượng hướng đến: 12

1.3.2 Phạm vi nghiên cứu: 12

1.4.Tổng quan về đồ án 13

1.4.1 Tên của đồ án: 13

1.4.2 Link Github quản lí mã nguồn: 13

1.5 Yêu cầu hệ thống – mục đích của đồ án 13

Chương 2 CƠ SỞ LÍ THUYẾT 14

2.1 Framework Boostrap 5 14

2.1.1 Khái niệm: 14

2.1.2 Ưu điểm, hạn chế của công nghệ 15

2.2 Công nghệ SQL Server 16

2.2.1 Khái niệm: 16

2.2.2 Ưu điểm, hạn chế của công nghệ 17

Chương 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 20

3.4.2 Mô tả chi tiết các kiểu dữ liệu trong sơ đồ logic 44

Chương 4 KẾT QUẢ TRIỂN KHAI 49

TÀI LIỆU THAM KHẢO 75

Bảng 3 2 Bảng danh sách chức năng 22

Bảng 3 3 Bảng use-case “Đăng nhập” 23

Bảng 3 4 Bảng use-case “Đăng ký” 24

Bảng 3 5 Bảng use-case “CRUD từ vựng của người dùng” 25

Bảng 3 6 Bảng use-case “Kiểm tra đầu vào” 26

Bảng 3 7 Bảng use-case “Ôn tập từ vựng qua flashcard” 26

Bảng 3 8 Bảng use-case “Ôn tập từ vựng qua trắc nghiệm” 27

Bảng 3 9 Bảng use-case “Ôn tập từ vựng qua hoàn thành từ” 28

Bảng 3 10 Bảng use-case “Ôn tập từ vựng qua tìm từ” 28

Bảng 3 11 Bảng use-case “Thống kê quá trình học” 29

Bảng 3 12 Bảng use-case “Chỉnh sửa thông tin người dùng” 30

Bảng 3 13 Bảng use-case “Quản lí kho từ vựng của hệ thống” 30

Bảng 3 14 Bảng use-case “Quản lí thông tin người dùng” 31YBảng 4 1 Bảng Danh sách màn hình 47

Bảng 4 2 Chi tiết màn hình trang chủ 49

Bảng 4 3 Chi tiết màn hình các chủ đề 50

Bảng 4 4 Chi tiết màn hình đăng ký 51

Bảng 4 5 Chi tiết màn hình đăng nhập 52

Bảng 4 6 Chi tiết màn hình danh sách bài học 53

Bảng 4 7 Chi tiết màn hình lựa chọn các hình thức ôn tập từ vựng 54

Bảng 4 8 Chi tiết màn hình danh sách từ vựng 55

Bảng 4 9 Chi tiết màn hình thông tin nhân viên 56

Bảng 4 10 Chi tiết màn hình học từ vựng qua điền từ 57

Bảng 4 11 Chi tiết màn hình ôn tập từ qua tìm từ 58

Bảng 4 12 Chi tiết màn hình ôn tập từ vựng qua trắc nghiệm 59

Bảng 4 13 Chi tiết màn hình thông tin cá nhân của người dùng 60

Bảng 4 14 Chi tiết danh sách bài học của người dùng 61

Bảng 4 15 Chi tiết màn hình danh sách từ vựng của người dùng 62

Bảng 4 16 Chi tiết màn hình bài kiểm tra đầu vào cho người dùng 63

Bảng 4 17 Chi tiết màn hình biểu đồ học tập của người dùng 64

Bảng 4 18 Chi tiết màn hình đăng nhập dành cho quản trị viên 65

Bảng 4 19 Chi tiết màn hình quản lí thông tin người dùng 66

Bảng 4 20 Chi tiết màn hình quản lí chủ đề của hệ thống 67

Bảng 4 21 Chi tiết màn hình thêm chủ đề cho hệ thống 68

Bảng 4 22 Chi tiết màn hình quản lí từ vựng của hệ thống 69

Bảng 4 23 Chi tiết màn hình thêm từ vựng cho hệ thống 70

TÓM TẮT ĐỒ ÁN

Hiện tại, phương thức học tập từ vựng phổ biến chủ yếu là dựa trên việc ghi chépbằng sổ, giấy ghi chú, tập thẻ flashcard Tuy đây là những phương thức gần gũi, dễ sử dụng,nhưng cũng chứa nhiều bất tiện như chiếm nhiều không gian lưu trữ, không thể tái sử dụngnhiều lần, không lưu trữ được các dạng thông tin khác ngoài văn bản như âm thanh, hìnhảnh Ngoài ra việc học tập từ vựng bằng hình thức thủ công như trên còn khiến người dùngphải tốn nhiều thời gian cũng như không mang đến hiệu quả nhanh chóng.

Chính vì thế, đồ án Xây dựng website hỗ trợ học tiếng Anh qua flashcard đã ra đờinhằm tăng tính hiệu quả trong vấn đề học từ vựng của người dùng, đồng thời giảm thiểuthời gian ghi chép một khối lượng từ vựng nhất định Các hướng tiếp cận để xây dựng đồán bao gồm: Xây dựng và thiết kế cơ sở dữ liệu để lưu trữ thông tin, phân quyền truy cậpcho từng vai trò trong hệ thống, xây dựng giao diện người dùng thân thiện dễ sử dụng và tốiưu hóa hiệu suất ứng dụng

Những công cụ sử dụng để phát triển dự án bao gồm: Figma, Visual Studio, SQLServer Management Studio, Git Ứng dụng được phát triển trên nền tảng website để xâydựng giao diện người dùng thân thiện, dễ sử dụng nhưng vẫn đầy đủ chức năng cần có chomột website hỗ trợ học từ vựng, SQL Server được dùng để thiết kế và xây dựng cơ sở dữliệu lưu trữ những thông tin như: các chủ đề, các bài học, các từ vựng, lịch sử học tập củangười dùng.

Hiện website đã được triển khai và mang lại nhiều hiệu quả trong việc học từ vựnggiúp người dùng có tiết kiệm được nhiều thời gian trong việc lưu trữ và có thể sử dụngnhiều hình thức ôn tập khác nhau, tăng cảm giác thú vị cho quá trình học tập.

Chương 1 GIỚI THIỆU ĐỀ TÀI1.1 Lí do chọn đề tài

● Với sự phát triển hội nhập và toàn cầu hóa như hiện nay, không thể phủ nhận tiếngAnh là một ngôn ngữ phổ biến có sức ảnh hưởng trên rất nhiều khía cạnh công việclẫn cuộc sống Do đó việc học tiếng Anh cũng phát triển rất mạnh theo tầm quantrọng của nó hiện tại, từ trẻ em đến người lớn đều có nhu cầu học tập ngôn ngữ này.Tiếng Anh giúp người học đạt được những lợi ích nhất định, nhưng để học được mộtngôn ngữ mới người học cũng phải trải qua rất nhiều vấn đề khó khăn và thử thách.Một trong những vấn đề cơ bản nhất là việc học từ vựng, vì từ vựng là nền tảng cơbản để phát triển các kỹ năng như nghe nói đọc viết Nhưng học làm sao cho hiệuquả, để nhớ lâu, để kiên trì theo đuổi mỗi ngày chính là câu hỏi trăn trở mỗi ngày chomỗi người đang theo đuổi việc học tiếng Anh.

● Nhìn nhận được vấn đề đó, Website hỗ trợ học tiếng Anh qua flashcard được tạo rađể mang đến một phương pháp học hiệu quả và tiện lợi hơn Website tập trung giúpngười đọc lưu trữ và sắp xếp từ vựng theo từng chủ đề, trong từng chủ đề sẽ có nhiềumức độ khác nhau, đồng thời cho phép người dùng tự tạo ra các chủ đề của riêngmình Thay vì sử dụng phương pháp học bằng flashcard giấy như bình thường ngườidùng có thể sử dụng nền tảng website để dễ dàng hơn trong việc lưu trữ, truy cập,đồng thời có nhiều tiện ích thú vị khác hỗ trợ cho việc học tập Website chủ yếu hỗtrợ người dùng ghi nhớ từ vựng thông qua flashcard và các trò chơi nhỏ khác, nhằmtạo ra nhiều phương thức ghi nhớ từ vựng đa dạng hơn thay vì cách học thuần túynhàm chán.

1.2 Mục đích của đề tài1.2.1 Nhu cầu thực tế

Hiện này việc học tập ngôn ngữ là nhu cầu tất yếu và bắt buộc cho hầu hếtmọi người từ trẻ em cho đến người lớn Chính vì vậy việc tìm kiếm một hình thứchọc tập hiệu quả đáp ứng được nhu cầu của người dùng là rất cần thiết Đó cũng làmục tiêu chính của đồ án Xây dựng website hỗ trợ học tiếng Anh qua Flashcard.

1.2.2 Cơ hội phát triển

Việc học tập theo các phương pháp truyền thống ngày càng trở nên ít hứng thúhơn so với sự phát triển hiện đại đầy những điều mới mẻ Do vậy việc học cũng cầnngày càng phát triển kết hợp cùng với những ứng dụng công nghệ Nên cùng với nhucầu của người dùng ngày càng nhiều, và sự phát triển không ngừng của của côngnghệ, website chắc chắn sẽ ngày càng cần nhiều tính năng hơn nữa để phát triển.

1.3 Đối tượng và phạm vi nghiên cứu1.3.1 Đối tượng hướng đến:

Đối tượng hướng đến của website là những người có nhu cầu học từ vựngtiếng Anh như học sinh, sinh viên, du học sinh người đi làm,…Cũng như các cánhân muốn tự học tiếng Anh cũng có thể sử dụng flashcard để tăng tính tương tác vàlinh hoạt Bên cạnh đó là quản trị viên, người quản lí cập kho từ vựng của hệ thốngvà dữ liệu của người dùng

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

Phạm vi nghiên cứu của dự án bao gồm các khía cạnh sau:

● Quản lí kho từ vựng của hệ thống: Điều này bao gồm quản lí thông tin về cácphân loại từ vựng, các chủ đề, các bài học mà hệ thống cung cấp sẵn chongười dùng.

● Quản lí kho từ vựng của người dùng: có nghĩa là quản lí các bài học bao gồmcác từ vựng mà người dùng tự nhập vào cũng như các thao tác thêm xóa, sửa.● Quản lí lịch sử học tập của người dùng: thông qua các trò chơi đã có, hệ thống

lưu lại các từ vựng được người dùng đánh dấu, các lịch sử kiểm tra bài họccủa người dùng, và cà cấp độ đầu vào người dùng được gợi ý.

● Quản lí thông tin của người dùng: Phạm vi này tập trung vào việc lưu trữ cácthông tin như username, password, email.

1.4 Tổng quan về đồ án1.4.1 Tên của đồ án:

● Tên Tiếng Việt: Xây dựng website hỗ trợ học tiếng Anh qua flashcard.

1.4.2 Link Github quản lí mã nguồn:

● https://github.com/ThaiPhungNg/EnglishVocabularyFlashcard

1.5 Yêu cầu hệ thống – mục đích của đồ án

Website học từ vựng tiếng Anh qua flashcard được xây dựng với mục tiêucung cấp cho người dùng hệ thống từ vựng có sẵn cùng hình ảnh được minh họa,được sắp xếp phân loại rõ ràng Cũng như tạo thêm cho người dùng nền tảng khônggian để tự tạo ra và lưu trữ những từ vựng riêng của mình Bên cạnh đó cũng cungcấp những phương pháp ghi nhớ thú vị hơn Từ đó giúp làm mới phương pháp họctiếng Anh qua flashcard giấy truyền thống, tiết kiệm thời gian và tăng hiệu quả chongười sử dụng Website ơhari đáp ứng được các yêu cầu cơ bản như sau:

● Xây dựng website trực quan, dễ sử dụng.

● Website có đầy đủ các chức năng cơ bản cần thiết.● Website có giao diện hiện đại, thu hút.

● Dễ dàng quản lí hệ thống từ vựng (từ vựng, hình ảnh, định nghĩa).● Hỗ trợ các phương thức học tập linh hoạt.

Chương 2 CƠ SỞ LÍ THUYẾT2.1 Framework Boostrap 5

2.1.1 Khái niệm:

● Bootstrap là một framework mã nguồn mở hoàn toàn miễn phí được phát triểndựa trên các ngôn ngữ: HTML, CSS và Javascript Với Bootstrap, bạn hoàntoàn có thể phát triển một website với mức độ responsive cao trên nhiều thiếtbị khác nhau.

● Qua 1 thập kỷ phát triển, phiên bản mới nhất của Bootstrap tại 6/12/2021 làBootstrap 5.1.3 Từ logo, bộ tài liệu hướng dẫn cho đến những nâng cấp kháckhiến Bootstrap 5 trở thành một trong những dấu mốc đặc biệt trong lịch sửphát triển của Bootstrap.

Hình 2 1 Boostrap Framework

● Hủy bỏ jQuery: Bootstrap 5 đã loại bỏ sự phụ thuộc vào thư viện jQuery, thayvào đó sử dụng Vanilla JavaScript Điều này giúp giảm kích thước file và tăngtốc độ tải trang.

● Bootstrap Icons: Bootstrap 5 tích hợp sẵn một bộ biểu tượng (icon) mới, giúpbạn dễ dàng thêm các biểu tượng vào trang web mà không cần phải tải về cáctài nguyên khác.

● Customizable CSS Variables: Bootstrap 5 sử dụng CSS biến, cho phép ngườiphát triển tùy chỉnh dễ dàng các biến mà không cần phải chỉnh sửa mã nguồnSass cốt lõi

● Dropped IE 10 and 11 Support: Bootstrap 5 không còn hỗ trợ InternetExplorer 10 và 11, tập trung hỗ trợ cho các trình duyệt hiện đại hơn.

● New Components: Một số thành phần mới được giới thiệu trong Bootstrap 5,bao gồm Card Components, List Components, và nhiều tính năng khác

● Responsive Font Sizes: Bootstrap 5 hỗ trợ việc sử dụng các class để điềuchỉnh kích thước font chữ dựa trên kích thước màn hình, giúp tối ưu hóa trảinghiệm đọc trên các thiết bị khác nhau.

2.1.2 Ưu điểm, hạn chế của công nghệƯu điểm:

● Tốc độ website được cải thiện: loại bỏ Jquery ra khỏi code, Javacsript thuầnlàm chủ đạo, chất code được cải thiện nhiều đáng kể so với tiền nhiệmBoostrap 4.

● API được cập nhật toàn diện: Hệ thống grid đã nâng cấp và cải thiện có thểtrông thấy, tăng thêm một tầng xxl mới cho grid, toàn bộ tùy chọn Layout đãbị thay thế bằng hệ thống grid mới, bổ sung thêm những class mới cho khoảngcách theo hướng dọc.

● Cải thiện tùy biến CSS: WPF được những biến cục bộ để có thể thiết kế mộtcách dễ dàng hơn, dễ dàng tiếp cận cho người sử dụng.

● Cộng đồng lớn: do được hình thành đã lâu và không ngừng phát triển, cậpnhật, Boostrap đã tạo được những cộng đồng hữu ích và lớn mạnh trên cácblog các kênh thông tin để hỗ trợ người dùng.

● Tương thích hiện đại: Bootstrap 5 hỗ trợ các trình duyệt hiện đại và loại bỏ hỗtrợ cho Internet Explorer 10 và 11.

Nhược điểm:

● Đồng nhất quá mức: Mặc dù Bootstrap giúp tạo ra giao diện nhanh chóng vàdễ dàng, nhưng một số trang web có thể trở nên khá giống nhau nếu không tùychỉnh đủ Điều này có thể dẫn đến sự thiếu sáng tạo trong thiết kế.

● Kích thước file lớn: Dù có sự cố gắng tối ưu hóa, nhưng Bootstrap vẫn tạo ramột số file CSS và JavaScript lớn Điều này có thể ảnh hưởng đến tốc độ tảitrang, đặc biệt là trên các kết nối internet chậm.

● Không Phù Hợp Cho Dự Án Nhỏ: Đối với các dự án nhỏ hoặc trang web cánhân, việc sử dụng Bootstrap có thể làm tăng kích thước trang và không phảilúc nào cũng là lựa chọn tốt nhất.

● Khả năng bảo mật có thể bị ẩn đi: Việc sử dụng một framework nổi tiếng nhưBootstrap có thể làm cho trang web của bạn trở nên mục tiêu dễ bị tấn cônghơn, vì các hacker thường tập trung vào các framework được sử dụng rộng rãi.

2.2 Công nghệ SQL Server2.2.1 Khái niệm:

● Công nghệ SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ (RDBMS)được phát triển bởi Microsoft Nó cung cấp một nền tảng mạnh mẽ để lưu trữ,quản lí và truy vấn dữ liệu trong các ứng dụng.

Hình 2 2 Công nghệ SQL

● Quản lí cơ sở dữ liệu quan hệ: SQL Server hỗ trợ mô hình dữ liệu quan hệ,cho phép tạo, quản lí và tương tác với các bảng, quan hệ và ràng buộc giữacác đối tượng dữ liệu Điều này giúp đơn giản hóa việc thiết kế và quản lí cơsở dữ liệu.

● Tích hợp với nền tảng Microsoft: SQL Server tích hợp tốt với các công nghệvà sản phẩm của Microsoft, bao gồm NET Framework, Azure, Visual Studiovà các công cụ phát triển khác Điều này cung cấp sự linh hoạt và tiện ích choviệc phát triển ứng dụng trên nền tảng Microsoft.

● Bảo mật và quản lí quyền truy cập: SQL Server cung cấp các tính năng bảomật mạnh mẽ như quản lí người dùng, phân quyền, mã hóa dữ liệu và kiểm trađộ tin cậy của cơ sở dữ liệu Điều này giúp bảo vệ dữ liệu quan trọng và đảmbảo tính toàn vẹn của hệ thống.

● Hiệu suất và tối ưu hóa: SQL Server cung cấp các công cụ và tính năng để tốiưu hóa hiệu suất truy vấn và xử lí dữ liệu Các chỉ mục, thống kê, tối ưu hóa

truy vấn và quản lí tài nguyên giúp cải thiện tốc độ và hiệu suất của cơ sở dữliệu.

● Dễ sử dụng và quản lí: SQL Server cung cấp giao diện quản lí đồ họa (SQLServer Management Studio) cho phép quản lí và giám sát cơ sở dữ liệu dễdàng Nó cũng cung cấp các công cụ lập trình và ngôn ngữ truy vấn SQL dễhiểu và linh hoạt.

● Hỗ trợ mở rộng và khả năng mở: SQL Server hỗ trợ các tính năng mở rộngnhư lập trình nhúng (stored procedures, functions), triggers và khả năng tùychỉnh để tương thích với các nhu cầu cụ thể của ứng dụng.

2.2.2 Ưu điểm, hạn chế của công nghệƯu điểm:

● Tin cậy và bảo mật: SQL Server cung cấp các công cụ và tính năng mạnh mẽđể bảo vệ và bảo mật dữ liệu Nó hỗ trợ các cơ chế xác thực, phân quyền, mãhóa dữ liệu và kiểm tra tính toàn vẹn Điều này đảm bảo rằng dữ liệu quantrọng được bảo vệ khỏi truy cập trái phép và mất mát.

● Hiệu suất cao và tối ưu hóa: SQL Server được tối ưu hóa để cung cấp hiệusuất tốt cho việc xử lí dữ liệu và truy vấn Nó cung cấp các công cụ tối ưu hóatruy vấn, chỉ mục, thống kê và quản lí tài nguyên để đảm bảo tốc độ truy vấnnhanh chóng và khả năng mở rộng.

● Quản lí dữ liệu linh hoạt: SQL Server hỗ trợ mô hình dữ liệu quan hệ, chophép tạo và quản lí các bảng, quan hệ và ràng buộc dữ liệu Nó cung cấp cáctính năng mạnh mẽ như khóa ngoại, xử lí sự kiện (triggers), và các chức nănglưu trữ (stored procedures) để quản lí dữ liệu một cách linh hoạt và hiệu quả.● Tích hợp và khả năng mở rộng: SQL Server tích hợp tốt với các công nghệ và

sản phẩm của Microsoft, như NET Framework, Visual Studio và Azure Nócũng hỗ trợ các tiêu chuẩn ngành như ANSI SQL và XML, giúp dễ dàng tíchhợp và truy xuất dữ liệu từ các nguồn khác nhau SQL Server cũng có khảnăng mở rộng để đáp ứng các nhu cầu của các ứng dụng lớn và tải trọng cao.● Công cụ quản lí và giám sát: SQL Server cung cấp giao diện quản lí đồ họa

(SQL Server Management Studio) cho phép quản lí và giám sát cơ sở dữ liệu

dễ dàng Nó cung cấp các công cụ và báo cáo cho việc giám sát hiệu suất, thiếtlập sao lưu, quản lí phiên bản và theo dõi sự kiện hệ thống.

● Hỗ trợ và cộng đồng: SQL Server có một cộng đồng lớn và năng động, vớinhiều tài liệu, diễn đàn và tài nguyên hữu ích Nó cũng được hỗ trợ bởiMicrosoft với các bản cập nhật, bản vá lỗi và tài liệu chính thức, giúp đảm bảosự ổn định và bảo trì của hệ thống.

Nhược điểm:

● Giá cả và cấp phí: SQL Server là một sản phẩm phần mềm có giá trị cao, đặcbiệt đối với các phiên bản và tính năng cao cấp Ngoài ra, Microsoft cũng ápdụng mô hình cấp phí cho việc sử dụng SQL Server, bao gồm cả giấy phép vàhỗ trợ kỹ thuật Điều này có thể tạo áp lực tài chính cho các tổ chức và dự ánnhỏ.

● Độ phổ biến và đa nền tảng: SQL Server chủ yếu hỗ trợ trên hệ điều hànhWindows, vì vậy nó không phải là một giải pháp lí tưởng cho các ứng dụng đanền tảng hoặc cần chạy trên hệ điều hành khác như Linux hoặc macOS Điềunày giới hạn khả năng triển khai của SQL Server trong một số trường hợp.● Khả năng mở rộng: Mặc dù SQL Server có khả năng mở rộng để đáp ứng các

tải trọng lớn, nhưng việc mở rộng có thể gặp một số hạn chế Cấu hình vàquản lí một hệ thống SQL Server phức tạp có thể đòi hỏi kỹ năng và kiến thứccao Việc mở rộng và xử lí tải trọng cao cũng có thể yêu cầu sự đầu tư về phầncứng và tài nguyên.

● Hạn chế về tích hợp: SQL Server được phát triển bởi Microsoft và thường tíchhợp tốt với các công nghệ và sản phẩm của hãng này Tuy nhiên, tích hợp vớicác công nghệ và sản phẩm không phải của Microsoft có thể gặp một số khókhăn và yêu cầu công sức và tài nguyên phát triển thêm

Chương 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG3.1 Use-case của đồ án

3.1.1 Sơ đồ Use-case

Hình 3 1 Sơ đồ use-case người dùng

Hình 3 2 Sơ đồ use-case quản trị viên

3.1.2 Danh sách Actors

Bảng 3 1 Bảng danh sách actors

Use-caseMô tả ngắn/ Ghi chú

1 Người dùng Tác nhân sử dụng hệ thống để học tập từ vựng từ hệ thống và tự tạo ra những từ vựng riêng của mình để học tập.

2 Quản trị viên Một actor có thể quản lí kho từ vựng của hệ thống và những thông tin của người dùng.

-3.1.3 Danh sách chức năng

Bảng 3 2 Bảng danh sách chức năng

Use-caseMô tả ngắn/Ghi chú

1 Đăng nhập Truy cập vào hệ thống với tài khoản đã được đăng ký trước đó.

2 Đăng ký Tác nhân truy cập vào hệ thống, điền những thông tin cần thiết để đăng ký tài khoản.

3 CRUD từ vựng của người dùng

Người dùng đã đăng ký tài khoản trước đó có thể tự tạo các bài học và lưu trữ từ vựng của cá nhân một các tự do với các thao tác thêm, xóa, sửa.

4 Kiểm tra đầu vào Người dùng với lần đăng nhập đầu tiên vào hệ thống sẽ được làm bài kiểm tra đầu vào để gợi ý cấp độ học cho người dùng.

5 Ôn tập vựng qua flashcard

Hiển thị các thẻ từ vựng bao gồm hai mặt cho người dùng học tập, có thể đánh dấu lại từ vựng khó nếu cần.6 Ôn tập từ vựng

qua trắc nghiệm

Hiển thị các câu hỏi trắc nghiệm để kiểm tra sự ghi nhớ của người dùng sau khi đã học từ vựng, sau đó đưa ra kếtquả để đánh giá người dùng có hoàn thành bài học hay chưa.

7 Ôn tập từ qua hoàn thành từ

Hiển thị câu hỏi là một từ vựng bị đảo lộn các kí tự, người dùng điền đáp án bằng cách sắp xếp lại thành từ vựng đúng.

8 Ôn tập qua trò chơi tìm từ

Hiển thị các thẻ có mặt trước trống nội dung, mặt sau củacác thẻ có thể là hình ảnh hoặc từ vựng Người dùng cần tìm cặp thẻ tương ứng nhau.

9 Thống kê quá trình học

Người dùng sẽ được xem các biểu đồ thể hiện quá trình học tập của mình.

10 Xem và chỉnh sửa thông tin người dùng

Người dùng được cập nhật lại các thông tin như email, mật khẩu.

11 Quản lí kho từ vựng của hệ thống

Quản trị viên quản lí kho từ vựng của hệ thống bao gồm các chủ đề, các bài học, các từ vựng.

12 Quản lí thông tin

của người dùng Quản trị viên quản lí thông tin dữ liệu của người dùng.

3.1.4 Đặc tả các chức năng

● Use-case “Đăng nhập”

Bảng 3 3 Bảng use-case “Đăng nhập”

Actor Quản trị viên, Người dùng.

Preconditions Tác nhân truy cập vào website và đã có tài khoản để đăng nhậptrước đó.

Basic flow 1) Truy cập vào website.

2) Nhập tên người dùng/mật khẩu.3) Truy cập hệ thống.

1) Truy cập vào website.2) Đăng ký một tài khoản.3) Nhập thông tin cá nhân.4) Đặt mật khẩu.

5) Xác nhận mật khẩu.6) Đăng nhập.

7) Truy cập hệ thống.Post

1) Khi người dùng truy cập thành công vào hệ thống, mỗi UIphù hợp với từng tác nhân phải xuất hiện trên màn hình.2) Khi người dùng không truy cập được, phải xuất hiện cảnh

báo cho người dùng biết lí do không vào được hệ thống (tài

khoản/mật khẩu không đúng, tài khoản không tồn tại…)Extension Không có

● Use-case “CRUD từ vựng của người dùng”

Bảng 3 5 Bảng use-case “CRUD từ vựng của người dùng”

Preconditions Người dùng cần đăng nhập vào hệ thống trước đó.Basic flow 1) Hiển thị danh sách bài học

2) Người dùng có thể thực hiện các thao tác CRUD.

3) Hiển thị danh sách các từ vựng của một bài học mà ngườidùng đã chọn.

4) Người dùng có thể thực hiện các thao tác CRUD từ vựng.

5) Hệ thống lưu trữ lại các thay đổi từ người dùng.Alternative

1) Hiển thị danh sách bài học.

2) Người dùng chọn xem chi tiết bài học.3) Hiển thị danh sách từ vựng.

4) Người dùng chọn ôn tập với các từ vựng đang chọn.5) Hiển thị các hình thức ôn tập.

6) Chuyển đến trang hình thức ôn tập mà người dùng đã chọn.Post

Khi người dùng thực hiện use-case này, cần thông báo ngườidùng đã thực hiện các thao tác CRUD thành công và lưu trữ lạithay đổi.

Extension Không có.

● Use-case “Kiểm tra đầu vào”

Bảng 3 6 Bảng use-case “Kiểm tra đầu vào”

3) Người dùng thực hiện bài kiểm tra

4) Hệ thống thông báo kết quả cho người dùngAlternative flow Không có

Post conditions Hệ thống phải gợi ý đúng cấp độ tương ứng với số câu trả lờiđúng của người dùng.

Extension Người dùng được gợi ý cấp độ học và mở khóa các cấp độtrước đó,

● Use-case “Học từ vựng qua flashcard”

Bảng 3 7 Bảng use-case “Ôn tập từ vựng qua flashcard”

Không có

Extension Người dùng có thể đánh dấu lại từ vựng khó và lưu lại trong bàihọc của người dùng.

● Use-case “Ôn tập từ vựng qua trắc nghiệm”

Bảng 3 8 Bảng use-case “Ôn tập từ vựng qua trắc nghiệm”

flow người dùng.

2) Người dùng chọn hình thức học khác ngoài trắc nghiệmtrong bốn hình thức được gợi ý.

3) Hiển thị màn hình học của hình thức đó.Post conditions Không có

Extension Người dùng được mở khóa bài học tiếp theo nếu thực hiện đạttrên 70% câu trả lời.

● Use-case “Ôn tập từ vựng qua hoàn thành từ”

Bảng 3 9 Bảng use-case “Ôn tập từ vựng qua hoàn thành từ”

Extension Không có

● Use-case “Ôn tập từ vựng qua tìm từ”

Bảng 3 10 Bảng use-case “Ôn tập từ vựng qua tìm từ”

Preconditions Người dùng cần đăng nhập vào hệ thống trước đó và chọn bàihọc của người dùng hoặc hệ thống.

Basic flow 1) Người dùng chọn hình thức học tìm từ trong bốn hình thức.2) Hệ thống hiển thị các thẻ mặt trước không có nội dung, và

Extension Không có

● Use-case “Thống kê quá trình học”

Bảng 3 11 Bảng use-case “Thống kê quá trình học”

Preconditions Người dùng đã đăng nhập vào hệ thống

Basic flow 1) Người dùng truy cập vào trang người dùng.

2) Người dùng chọn trang biểu đồ để xem thông tin về quátrình học của người dùng.

1) Chọn Tài khoản người dùng.

2) Chọn các thao tác khác trong trang người dùng.Post conditions Không có

Extension Không có

● Use-case “Chỉnh sửa thông tin người dùng”

Bảng 3 12 Bảng use-case “Chỉnh sửa thông tin người dùng”

Preconditions Người dùng đã đăng nhập vào hệ thống

Basic flow 1) Người dùng truy cập vào trang người dùng.

2) Người dùng chọn trang thông tin cá nhân để xem thông tinvề quá trình học.

3) Người dùng thực hiện các chỉnh sửa trên các trường thôngtin được cho phép.

4) Hệ thống lưu lại thông tin được cập nhật.Alternative flow 1) Chọn Tài khoản người dùng.

2) Chọn các thao tác khác trong trang người dùng.Post conditions Không có

Extension Không có

● Use-case “Quản lí kho từ vựng của hệ thống”

Bảng 3 13 Bảng use-case “Quản lí kho từ vựng của hệ thống”

Actor Quản trị viên.

Preconditions Quản trị viên cần đăng nhập vào hệ thống.Basic flow 1) Chọn phần quản lí từ vựng.

2) Hiển thị danh sách các chủ đề.3) Hiển thị danh sách các từ vựng.

4) Người dùng có thể thực hiện các thao tác CRUD.5) Người dùng có thể thực hiện các thao tác CRUD.6) Hệ thống lưu trữ lại các thay đổi.

1) Hiển thị giao diện Admin.

2) Người dùng chọn xem chi tiết thông tin dữ liệu của ngườidùng.

Khi người dùng thực hiện use-case này, cần thông báo ngườidùng đã thực hiện các thao tác CRUD thành công và lưu trữlại thay đổi.

Extension Không có.

● Use-case “Quản lí thông tin của người dùng”

Bảng 3 14 Bảng use-case “Quản lí thông tin người dùng”

Actor Quản trị viên.

Preconditions Quản trị viên cần đăng nhập vào hệ thống.Basic flow 1) Chọn phần quản lí dữ liệu người dùng.

2) Hiển thị danh sách người dùng hiện tại và một số thông tinkhác.

1) Hiển thị giao diện Admin.

2) Người dùng chọn phần quản lí từ vựng của hệ thống.Post conditions Không có

Extension Không có.

3.2 Sơ đồ hoạt động

● Sơ đồ Đăng nhập/Đăng ký

Hình 3 3 Sơ đồ đăng nhập/ đăng ký

● CRUD từ vựng của người dùng

Hình 3 4 Sơ đồ CRUD từ vựng của người dùng

● Kiểm tra đầu vào

Hình 3 5 Sơ đồ kiểm tra đầu vào

● Ôn tập từ vựng qua flashcard

Hình 3 6 Sơ đồ ôn tập từ vựng qua flashcard

● Ôn tập từ vựng qua trắc nghiệm

Hình 3 7 Sơ đồ ôn tập từ vựng qua trắc nghiệm

● Ôn tập từ vựng qua hoàn thành từ

Hình 3 8 Sơ đồ ôn tập từ vựng qua hoàn thành từ

● Ôn tập từ vựng qua trò chơi tìm từ

Hình 3 9 Sơ đồ ôn tập từ qua trò chơi tìm từ

● Thống kê quá trình học

Hình 3 10 Sơ đồ thống kê quá trình học

● Xem và chỉnh sửa thông tin người dùng

Hình 3 11 Sơ đồ chỉnh sửa thông tin người dùng