Đồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCard

Đồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCardĐồ án tốt nghiệp: Xây dựng Website học tiếng Anh bằng FlashCard

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM  NGUYỄN HẢI LÂM – 16110370 NGUYỄN DUY BẢO – 16110281 ĐỀ TÀI XÂY DỰNG WEBSITE HỌC TIẾNG ANH BẰNG FLASHCARD KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN THS NGUYỄN TRẦN THI VĂN KHOÁ 2016 - 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM  NGUYỄN HẢI LÂM – 16110370 NGUYỄN DUY BẢO – 16110281 ĐỀ TÀI XÂY DỰNG WEBSITE HỌC TIẾNG ANH BẰNG FLASHCARD KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN THS NGUYỄN TRẦN THI VĂN KHOÁ 2016 - 2020 LỜI CẢM ƠN Chúng em xin chân thành cảm ơn thầy cô khoa CNTT trường Đại học Sư phạm Kỹ thuật TP.HCM, đặc biệt thầy Nguyễn Trần Thi Văn giúp đỡ hướng dẫn chúng em tận tình suốt thời gian thực khóa luận tốt nghiệp viết báo cáo, tạo cho chúng em tiền đề, kiến thức để tiếp cận, phân tích giải vấn đề Nhờ mà chúng em hồn thành khóa luận tốt nghiệp tốt Những kiến thức mà chúng em học hỏi, tích luỹ hành trang ban đầu cho trình làm việc chúng em sau Chúng em xin gửi tới thầy cô lời chúc thành công đường nghiệp Chúng em xin chân thành cảm ơn! Thành phố Hồ Chí Minh, tháng năm 2020 Nguyễn Hải Lâm Nguyễn Duy Bảo ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CƠNG NGHỆ THƠNG TIN CỘNG HỒ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên Sinh viên 1: Nguyễn Hải Lâm MSSV 1: 16110370 Họ tên Sinh viên 2: Nguyễn Duy Bảo MSSV 2: 16110281 Chuyên ngành: Công nghệ phần mềm Tên đề tài: Xây dựng website học tiếng Anh Flashcard Giáo viên hướng dẫn: ThS Nguyễn Trần Thi Văn Nội dung thực hiện: Lý thuyết: - Tìm hiểu thư viện ReactJS NET Core - Khảo sát trạng từ trang web khác Thực hành: Sử dụng ReactJS NET Core để xây dựng website học tiếng Anh flashcard với tính sau đây: - Quản lý deck, card - Tải deck, card có sẵn - Học tiếng anh với card Thời gian thực hiện: 15 tuần (Bắt đầu từ 30/03/2020 đến 12/07/2020) Đề cương khóa luận tốt nghiệp: PHẦN MỞ ĐẦU 1.1 Tính cấp thiết đề tài 1.2 Mục đích đề tài 1.3 Đối tượng phạm vi nghiên cứu 1.4 Kết dự kiến đạt 1.5 Phương pháp nghiên cứu 1.6 Bố cục báo cáo PHẦN NỘI DUNG 2.1 Chương 1: Cơ sở lý thuyết 2.1.1 .NET Core ASP.NET Core 2.1.2 ReactJS 2.2 Chương 2: Khảo sát trạng xác định yêu cầu 2.2.1 Khảo sát trạng 2.2.2 Xác định u cầu 2.3 Chương 3: Mơ hình hoá yêu cầu 2.3.1 Lược đồ Usecase 2.3.2 Các Actor 2.4 Chương 4: Thiết kế hệ thống 2.4.1 Thiết kế sở liệu 2.4.2 Thiết kế giao diện 2.4.3 Thiết kế xử lý 2.5 Chương 5: Cài đặt kiểm thử 2.5.1 Các lớp mơ hình 2.5.2 Mơi trường phát triển 2.5.3 Kiểm thử PHẦN KẾT LUẬN 3.1 Kết đạt 3.2 Ưu, nhược điểm đề tài 3.3 Hướng phát triển đề tài Tài liệu tham khảo Kế hoạch thực STT Thời gian 30/03 – 19/04 Nhiệm vụ (Công việc dự kiến) - Tìm hiểu cơng nghệ ASP.NET Người chịu trách nhiệm Bảo Core - Tìm hiểu thư viện ReactJS Bảo, Lâm - Tìm hiểu cách kết nối phần frontend backend API 20/04 – 03/05 - Phác thảo thiết kế giao diện Lâm - Cắt HTML/CSS từ file thiết kế - Thiết kế sở liệu Bảo Ghi 04/05 – 31/05 - Cấu hình backend, frontend, Bảo chuẩn bị liệu - Viết API - Xây dựng component tương Lâm ứng với API viết 01/06 – 28/06 29/06 – 05/07 - Xây dựng component Bảo, Lâm lại - Kiểm thử chương trình Bảo, Lâm - Kiểm tra lại tồn chương trình - Viết báo cáo 06/07 – 12/07 - Trao đổi với GVHD báo cáo Bảo, Lâm chương trình - Hồn tất chương trình Thành phố Hồ Chí Minh, ngày tháng Ý kiến giáo viên hướng dẫn Người viết đề cương (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) năm 2020 MỤC LỤC PHẦN MỞ ĐẦU .1 Tính cấp thiết đề tài .1 Mục đích đề tài .1 Đối tượng phạm vi nghiên cứu Kết dự kiến đạt .1 Phương pháp nghiên cứu Bố cục báo cáo PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 .NET CORE VÀ ASP.NET CORE .3 1.2 REACTJS CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 KHẢO SÁT HIỆN TRẠNG 2.1.1 Tinycards (https://tinycards.duolingo.com/) .5 2.1.2 Cram (https://www.cram.com/) .6 2.1.3 BrainScape (https://www.brainscape.com) .7 2.1.4 ProProfs Flashcard (https://www.proprofs.com/flashcards/) 2.1.5 StudyBlue (https://www.studyblue.com/) 2.2 XÁC ĐỊNH YÊU CẦU .10 CHƯƠNG 3: MƠ HÌNH HỐ U CẦU .11 3.1 LƯỢC ĐỒ USECASE 11 3.2 CÁC ACTOR 12 3.2.1 Guest 12 3.2.2 User 14 3.2.3 Admin 30 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG 38 4.1 THIẾT KẾ CƠ SỞ DỮ LIỆU .38 4.1.1 Lược đồ sở liệu 38 4.1.2 Đặc tả sở liệu 39 4.2 THIẾT KẾ GIAO DIỆN .45 4.2.1 Giao diện Guest .45 4.2.2 Giao diện User 47 4.2.3 Giao diện Admin .72 4.3 THIẾT KẾ XỬ LÝ .79 4.3.1 Chức tạo deck 79 4.3.2 Chức sửa deck 80 4.3.3 Chức xoá deck 81 4.3.4 Chức tạo card – tạo front 82 4.3.5 Chức sửa card – sửa front .83 4.3.6 Chức sửa card – tạo back 84 4.3.7 Chức sửa card – sửa back .85 4.3.8 Chức sửa card – sửa ảnh back 86 4.3.9 Chức sửa card – xoá ảnh back 87 4.3.10 Chức tìm kiếm card .87 4.3.11 Chức lọc card 88 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 89 5.1 CÁC LỚP MƠ HÌNH 89 5.1.1 Sơ đồ lớp 89 5.1.2 Đặc tả lớp mơ hình 90 5.2 MÔI TRƯỜNG PHÁT TRIỂN 97 5.2.1 Visual Studio Code 97 5.2.2 SQL Server 97 5.2.3 Azure Data Studio 98 5.3 KIỂM THỬ 99 PHẦN KẾT LUẬN 101 Kết đạt 101 Ưu, nhược điểm đề tài 101 Hướng phát triển đề tài 102 TÀI LIỆU THAM KHẢO 103 DANH MỤC HÌNH ẢNH Hình 2.1 Giao diện trang chủ Tinycards Hình 2.2 Giao diện trang chủ Cram Hình 2.3 Giao diện trang chủ BrainScape Hình 2.4 Giao diện trang chủ ProProfs Flashcard Hình 2.5 Giao diện trang chủ StudyBlue Hình 3.1 Lược đồ usecase 11 Hình 3.2 Biểu mẫu đăng nhập 13 Hình 3.3 Biểu mẫu đăng ký 13 Hình 3.4 Biểu mẫu danh sách card .23 Hình 3.5 Biểu mẫu thêm card .23 Hình 3.6 Biểu mẫu sửa card 24 Hình 3.7 Biểu mẫu trang chủ 24 Hình 3.8 Biểu mẫu chi tiết deck 25 Hình 3.9 Biểu mẫu thêm deck 25 Hình 3.10 Biểu mẫu sửa deck .26 Hình 3.11 Biểu mẫu thêm card vào deck .26 Hình 3.12 Biểu mẫu luyện tập 27 Hình 3.13 Biểu mẫu luyện tập trị chơi ghép card .27 Hình 3.14 Biểu mẫu chi tiết thống kê 28 Hình 3.15 Biểu mẫu danh sách public card 28 Hình 3.16 Biểu mẫu danh sách public deck 29 Hình 3.17 Biểu mẫu chi tiết public deck 29 Hình 3.18 Biểu mẫu danh sách user .34 Hình 3.19 Biểu mẫu danh sách deck user 35 Hình 3.20 Biểu mẫu chi tiết deck user 35 Hình 3.21 Biểu mẫu danh sách card user .36 Hình 3.22 Biểu mẫu danh sách deck yêu cầu công khai .36 Hình 3.23 Biểu mẫu chi tiết deck yêu cầu công khai 37 Hình 3.24 Biểu mẫu danh sách card đề xuất .37 Hình 4.1 Lược đồ sở liệu 38 Hình 4.2 Giao diện đăng nhập 45 Hình 4.3 Giao diện đăng ký 46 Hình 4.4 Giao diện trang chủ .47 Hình 4.5 Giao diện menu profile 48 Hình 4.6 Giao diện biểu mẫu sửa tên người dùng 49 Hình 4.7 Giao diện biểu mẫu đổi mật 50 Hình 4.8 Giao diện chi tiết deck 51 Hình 4.9 Giao diện tính thao tác với deck .52 Hình 4.10 Giao diện chọn chế độ luyện tập 53 Hình 4.11 Giao diện tạo deck .54 Hình 4.12 Giao diện sửa deck 55 Hình 4.13 Giao diện thêm card vào deck .56 Hình 4.14 Giao diện danh sách card .57 Hình 4.15 Giao diện tạo card 58 Hình 4.16 Giao diện biểu mẫu tạo front .59 Hình 4.17 Giao diện sửa card .60 Hình 4.18 Giao diện biểu mẫu tạo back .61 Hình 4.19 Giao diện biểu mẫu sửa back .62 Hình 4.20 Giao diện sửa front 63 Hình 4.21 Giao diện trang Market - danh sách public card 64 Hình 4.22 Giao diện biểu mẫu đề xuất card 65 Hình 4.23 Giao diện trang Market - danh sách public deck 66 Hình 4.24 Giao diện chi tiết public deck 67 Hình 4.25 Giao diện luyện tập 68 Hình 4.26 Giao diện luyện tập – trắc nghiệm .69 Hình 4.27 Giao diện luyện tập trị chơi ghép card .70 Hình 4.28 Giao diện chi tiết thống kê 71 Hình 4.29 Giao diện trang chủ Admin 72 Hình 4.30 Giao diện quản lý user 73 Hình 4.31 Giao diện quản lý deck user 74 Hình 4.32 Giao diện quản lý card user 75 Hình 4.33 Giao diện quản lý card đề xuất 76 Hình 4.34 Giao diện danh sách yêu cầu công khai deck 77 5.1.2 Đặc tả lớp mơ hình - Lớp ApplicationUser Bảng 5.1 Bảng thuộc tính lớp ApplicationUser Tên thuộc tính Kiểu liệu Id string Username string Password string Email string Name string Picture string OwnedDecks ICollection AuthorizedDecks ICollection OwnedCards ICollection AuthorizedCards ICollection AuthorizedBacks ICollection SharedDecks ICollection Tests ICollection Matches ICollection UserRoles - Ghi ICollection Lớp ApplicationRole Bảng 5.2 Bảng thuộc tính lớp ApplicationRole Tên thuộc tính Kiểu liệu Id string Name string UserRoles ICollection 90 Ghi - Lớp ApplicationUserRole Bảng 5.3 Bảng thuộc tính lớp ApplicationUserRole Tên thuộc tính Kiểu liệu UserId string RoleId string UserRoles - Ghi ICollection Lớp Deck Bảng 5.4 Bảng thuộc tính lớp Deck Tên thuộc tính Kiểu liệu Id int Name string Description string Theme string Public bool Approved bool Completed bool CreatedDate DateTime LastModifiedDate DateTime SourceId int? OwnerId string AuthorId string Source Deck Owner ApplicationUser Author ApplicationUser Tests ICollection Matches ICollection CardAssignments ICollection 91 Ghi SharedDecks - ICollection Lớp Card Bảng 5.5 Bảng thuộc tính lớp Card Tên thuộc tính Id Kiểu liệu int Front string Public bool Approved bool Remembered bool CreatedDate DateTime LastModifiedDate DateTime FirstRememberedDate DateTime? LastPracticedDate DateTime? SourceId int? OwnerId string AuthorId string Source Deck Owner ApplicationUser Author ApplicationUser CardAssignments Backs TestedCards MatchedCards ICollection ICollection ICollection ICollection 92 Ghi - Lớp Back Bảng 5.6 Bảng thuộc tính lớp Back Tên thuộc tính Id Kiểu liệu Ghi int Type string Meaning string Example string Image string Public bool Approved bool CreatedDate DateTime LastModifiedDate DateTime CardId int SourceId int? AuthorId string Card Card Source Back Author ApplicationUser - Lớp CardAssignment Bảng 5.7 Bảng thuộc tính lớp CardAssignment Tên thuộc tính Kiểu liệu DeckId int CardId int Deck Deck Card Card 93 Ghi - Lớp SharedDeck Bảng 5.8 Bảng thuộc tính lớp SharedDeck Tên thuộc tính Kiểu liệu UserId string DeckId int Completed bool Pinned bool User ApplicationUser Deck Deck - Ghi Lớp SharedCard Bảng 5.9 Bảng thuộc tính lớp SharedCard Tên thuộc tính Kiểu liệu UserId string CardId int Remembered bool FirstRememberedDate DateTime? LastPracticedDate DateTime User ApplicationUser Card Card - Ghi Lớp Test Bảng 5.10 Bảng thuộc tính lớp Test Tên thuộc tính Id DateTime Score DeckId Kiểu liệu int DateTime float int 94 Ghi TakerId string Deck Deck Taker ApplicationUser TestedCards - ICollection Lớp TestedCard Bảng 5.11 Bảng thuộc tính lớp TestedCard Tên thuộc tính Kiểu liệu TestId int CardId int Failed bool Test Test Card Card - Ghi Lớp Match Bảng 5.12 Bảng thuộc tính lớp Match Tên thuộc tính Id Score Kiểu liệu int float TotalTime int StartTime DateTime EndTime DateTime DeckId int TakerId int Deck Deck Taker ApplicationUser MatchedCards ICollection 95 Ghi - Lớp MatchedCard Bảng 5.13 Bảng thuộc tính lớp MatchedCard Tên thuộc tính Kiểu liệu MatchId int CardId int Failed bool Match Match Card Card 96 Ghi 5.2 MÔI TRƯỜNG PHÁT TRIỂN 5.2.1 Visual Studio Code Là trình biên tập lập trình code miễn phí dành cho Windows, Linux macOS, Visual Studio Code phát triển Microsoft Nó xem kết hợp hoàn hảo IDE Code Editor Visual Studio Code hỗ trợ chức debug, kèm với Git, có syntax highlighting, tự hồn thành mã thơng minh, snippets, cải tiến mã nguồn Nhờ tính tùy chỉnh, Visual Studio Code cho phép người dùng thay đổi theme, phím tắt, tùy chọn khác.[3] Một số tính năng: - Hỗ trợ nhiều ngơn ngữ lập trình: Visual Studio Code hỗ trợ nhiều ngơn ngữ lập trình C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, … - Hỗ trợ đa tảng: Các trình viết code thông thường sử dụng cho Windows Linux macOS Nhưng Visual Studio Code hoạt động tốt ba tảng - Cung cấp kho tiện ích mở rộng: Trong trường hợp lập trình viên muốn sử dụng ngơn ngữ lập trình khơng nằm số ngơn ngữ Visual Studio hỗ trợ, họ tải xuống tiện ích mở rộng Điều không làm giảm hiệu phần mềm, phần mở rộng hoạt động chương trình độc lập 5.2.2 SQL Server SQL Server hệ quản trị sở liệu quan hệ (Relational Database Management System (RDBMS) ) sử dụng câu lệnh SQL (Transact-SQL) để trao đổi liệu máy Client máy cài SQL Server Một RDBMS bao gồm databases, database engine ứng dụng dùng để quản lý liệu phận khác RDBMS SQL Server tối ưu để chạy môi trường sở liệu lớn (Very Large Database Environment) lên đến Tera-Byte phục vụ lúc cho hàng ngàn user SQL Server kết hợp “ăn ý” với server khác Microsoft Internet Information Server (IIS), E-Commerce Server, Proxy Server….[4] 97 5.2.3 Azure Data Studio Azure Data Studio (trước SQL Operations Studio) công cụ nhẹ, miễn phí, chạy Windows, macOS Linux, để quản lý SQL Server, Azure SQL Database Azure SQL Data Warehouse Nó có chức cần thiết để xử lý nhà phát triển cần làm việc với SQL Server 98 5.3 KIỂM THỬ - Kế hoạch kiểm thử Nhận dạng chiến lược để kiểm tra đảm bảo sản phẩm thỏa mãn đặc tả thiết kế, yêu cầu phần mềm Xác định tính chất mức độ rủi ro để lựa chọn phương pháp kiểm thử hợp lý Chuẩn bị viết sẵn test case, phân chia cho thành viên nhóm Theo dõi, báo cáo sửa lỗi test case không đạt yêu cầu, ưu tiên lỗi có ảnh hưởng nghiêm trọng Quá trình kiểm thử thực lặp lặp lại chương trình hồn thiện, đáp ứng yêu cầu đề ra, không phát sinh thêm test case khác, thời gian test kết thúc - Quy trình kiểm thử Phân tích yêu cầu: Đọc hiểu, nghiên cứu phân tích cụ thể yêu cầu tài liệu đặc tả dự án để nắm bắt yêu cầu mà dự án đưa bao gồm yêu cầu kiểm thử chức phi chức Lập kế hoạch kiểm thử: Xác định phạm vi dự án gồm công việc gì? thời gian bao lâu? để phân bổ cơng việc phù hợp Xác định phương pháp tiếp cận thời gian kiểm thử, mức độ hoàn thiện Xác định nguồn lực để phân chia công việc kiểm thử Lên kế hoạch thiết kế công việc kiểm thử Thiết kế kịch kiểm thử: Viết test case, chuẩn bị liệu kiểm thử test data, test script Tổng hợp lại testcase, xem xét, bổ sung nhằm tránh sai sót rủi ro sau Thực kiểm thử: Thực test case thiết kế mức độ ưu tiên đưa So sánh với kết mong đợi, ghi lại kết thực test, tổng hợp báo cáo Phân tích kết kiểm thử: Từ kết không đạt yêu cầu, tiến hành sửa lỗi bổ sung test case có phát sinh Kiểm thử lại lỗi: Tiến hành thực kiểm thử lại test case khơng đạt u cầu trước test case phát sinh sau sửa lỗi Kết thúc kiểm thử: Khi test case đạt yêu cầu, không phát sinh test case khác, đáp ứng yêu cầu đề ứng dụng trình kiểm thử kết thúc 99 - Test case cho trang đăng ký Hình 5.2 Test case cho trang đăng ký 100 PHẦN KẾT LUẬN Kết đạt - Nắm kiến thức tảng ReactJS ASP.NET Core bản, cấu trúc, cách thức vận hành - Hiểu thực thành công việc kết hợp tảng ReactJS ASP.NET Core - Xây dựng website theo yêu cầu với chức sau o Quản lý deck, card o Cho phép tải deck, card từ kho cộng đồng o Đề xuất card từ phía người dùng o Quản lý người dùng, đề xuất từ phía Admin - Nâng cao khả tự nghiên cứu - Học cách làm việc nhóm, phân cơng cơng việc, chia sẻ kiến thức rõ ràng, hiệu Ưu, nhược điểm đề tài - Ưu điểm: o Website đáp ứng nhu cầu việc học từ vựng Flashcard o Giao diện trực quan, dễ tương tác, dễ tiếp cận kể người sử dụng máy tính o Dễ dàng sử dụng lúc nơi, không cần đến lớp học Anh văn mà cần thiết bị điện tử máy tính, laptop,… o Có nguồn học đáng tin cậy ban quản trị cung cấp, nội dung đưa lên website kiểm duyệt ban quản trị, hạn chế tình trạng có tài liệu khơng chất lượng o Website hồn tồn miễn phí, giúp người dùng tiết kiệm chi phí tiền bạc thay sử dụng phần mềm trả phí khác - Nhược điểm: o Ở số trang có tượng nhấp nhấy hình tốc độ xử lý nhanh từ trang chưa tải liệu đến lúc nhận liệu render lại trang o Chưa hỗ trợ tốt việc hiển thị nhiều thiết bị có kích thước hình nhỏ 101 Hướng phát triển đề tài Trong tương lai, nhóm chúng em muốn khắc phục nhược điểm đề tài phát triển thêm số tính khác nhằm hồn thiện đề tài, cụ thể: - Tìm kiếm hướng khắc phục tượng nhấp nháy hình - Hỗ trợ hiển thị giao diện cho điện thoại di động thiết bị có kích thước hình nhỏ - Thêm tính tương tác người dùng với nhau: chatbox, forum,… 102 TÀI LIỆU THAM KHẢO [1] Dammio, [ASP.NET Core] Phần 1: Giới thiệu ASP.NET Core, https://www.dammio.com/2018/09/03/asp-net-core-phan-1-gioi-thieu-ve-asp-net-core [2] Xuân Anh, HƯỚNG DẪN REACTJS CƠ BẢN – CẨM NANG HỌC REACTJS 2019, https://nordiccoder.com/blog/huong-dan-reactjs-co-ban/ [3] Quách Chí Cường, Visual Studio Code gì? Tính bật Visual Studio Code, https://cuongquach.com/visual-studio-code-la-gi.html [4] Bài 1: Tổng quan SQL Server, https://timoday.edu.vn/bai-1-tong-quan-ve-sql-server/ [5] Azure Data Studio, https://progsoft.net/vi/software/sql-operations-studio 103 S K L 0 ... thuận tiện, linh hoạt so với cách học từ vựng truyền thống giấy bút Từ nhu cầu lợi đó, nhóm em định nghiên cứu xây dựng ứng dụng: XÂY DỰNG WEBSITE HỌC TIẾNG ANH BẰNG FLASHCARD Mục đích đề tài Đề tài... Thực hành: Sử dụng ReactJS NET Core để xây dựng website học tiếng Anh flashcard với tính sau đây: - Quản lý deck, card - Tải deck, card có sẵn - Học tiếng anh với card Thời gian thực hiện: 15 tuần... ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM  NGUYỄN HẢI LÂM – 16110370 NGUYỄN DUY BẢO – 16110281 ĐỀ TÀI XÂY DỰNG WEBSITE HỌC TIẾNG ANH BẰNG FLASHCARD