Đồ án xây dựng website đọc truyện và ôn tập từ vựng cho người mới học tiếng anh 1

Đồ án nghiên cứu xây dựng website đọc truyện và ôn tập từ vựng cho người mới học tiếng anh 1, áp dụng công nghệ tiên tiến, tối ưu giải pháp kỹ thuật cho bài toán kỹ thuật.

• Tác giả: Võ Văn Hiếu
• Người hướng dẫn: ThS. Trần Bửu Dung
• Trường học: Trường Đại học Sư phạm Kỹ thuật - Đại học Đà Nẵng
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây dựng Website đọc truyện và ôn tập từ vựng cho người mới học Tiếng Anh
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2021-2022
• Địa điểm: Đà Nẵng

Mục lục chi tiết

• TÓM TẮT
• CAM ĐOAN
• DANH MỤC BẢNG BIỂU
• DANH MỤC HÌNH VẼ
• DANH MỤC CHỮ VIẾT TẮT TIẾNG VIỆT
• DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH
• MỞ ĐẦU
• Mục tiêu đề tài
• Đối tượng nghiên cứu và phạm vi nghiên cứu
• Đối tượng nghiên cứu
• Phạm vi nghiên cứu
• Phương pháp nghiên cứu
• Giải pháp công nghệ
• 1. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
• 1.1. Ngôn ngữ Java
• 1.1.1. Những đặc điểm cơ bản của Java
• 1.2. Ngôn ngữ JavaScript
• 1.2.1. Những đặc điểm cả JavaScript
• 1.2.2. Client-side JavaScript là gì?
• 1.2.3. JavaScript Framework là gì?
• 1.3. Hệ quản trị cơ sở dữ liệu MySQL
• 2. CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
• 2.1. Hoạt động nghiệp vụ thực tế
• 2.1.1. Khách vãng lai
• 2.1.2. Quản trị viên
• 2.2. Đặc tả yêu cầu nghiệp vụ (Business Requirments)
• 2.2.1. Khách vãng lai
• 2.2.2. Quản trị viên
• 2.3. Đặc tả yêu cầu phần mềm (Software Requirements)
• 2.3.1. Khách vãng lai
• 2.3.2. Quản trị viên
• 2.4. Thiết kế cơ sở dữ liệu
• 3. CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH
• 3.1. Công cụ xây dựng chương trình
• 3.2. Giao diện chương trình
• 3.2.1. Giao diện đăng nhập
• 3.2.2. Giao diện đăng ký
• 3.2.3. Giao diện trang chủ (thảo luận)
• 3.2.4. Giao diện đăng bài thảo luận
• 3.2.5. Giao diện trang đọc bài thảo luận
• 3.2.6. Giao diện trang đọc truyện
• 3.2.7. Giao diện thêm từ vựng
• 3.2.8. Giao diện làm bài kiểm tra
• 3.2.9. Giao diện trang sổ từ vựng
• 3.2.10. Giao diện nhiệm vụ hằng ngày
• 3.2.11. Giao diện trang quản lý bộ truyện
• 3.2.12. Giao diện trang Cài đặt
• KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
• Về mặt lý thuyết
• Về mặt ứng dụng
• Hướng phát triển
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Web đọc truyện học từ vựng tiếng Anh Hướng dẫn 2024

Việc kết hợp giải trí và học tập là một xu hướng giáo dục hiện đại. Đặc biệt, sử dụng web đọc truyện & học từ vựng tiếng Anh nổi lên như một giải pháp đột phá cho người mới bắt đầu. Phương pháp này tận dụng sự hấp dẫn của cốt truyện để tạo ra một môi trường học tập tự nhiên, không áp lực. Thay vì ghi nhớ các danh sách từ vựng khô khan, người học tiếp thu kiến thức ngay trong ngữ cảnh sử dụng thực tế. Một nghiên cứu về việc "Xây dựng Website đọc truyện và ôn tập từ vựng cho người mới học Tiếng Anh" của Đại học Đà Nẵng đã chỉ ra rằng, việc lồng ghép từ vựng vào câu chuyện giúp tăng khả năng ghi nhớ và hiểu sâu hơn về cách dùng từ. Các nền tảng này thường tích hợp sẵn các công cụ hỗ trợ như từ điển pop-up, dịch song ngữ và phát âm chuẩn. Điều này cho phép người học tra cứu ngay lập tức mà không làm gián đoạn mạch đọc. Hơn nữa, các câu chuyện thường được phân loại theo cấp độ, từ đơn giản đến phức tạp, phù hợp với mọi trình độ. Đây được xem là một tài liệu học tiếng Anh cho người mất gốc cực kỳ hiệu quả. Việc học không còn là một nhiệm vụ bắt buộc mà trở thành một trải nghiệm khám phá thú vị. Người học vừa có thể theo dõi những diễn biến hấp dẫn của câu chuyện, vừa xây dựng cho mình một nền tảng từ vựng vững chắc. Sự kết hợp giữa nội dung chất lượng và công nghệ thông minh tạo ra một công cụ học tập mạnh mẽ, giúp cải thiện kỹ năng đọc tiếng Anh một cách toàn diện. Đây không chỉ là đọc, mà là một quá trình tương tác, thẩm thấu ngôn ngữ một cách tự nhiên nhất.

1.1. Lợi ích của học tiếng Anh qua truyện song ngữ

Việc học tiếng Anh qua truyện song ngữ mang lại nhiều lợi ích vượt trội. Trước hết, nó phá vỡ rào cản tâm lý sợ sai và không hiểu. Người học có thể đối chiếu ngay lập tức giữa bản gốc tiếng Anh và bản dịch tiếng Việt, giúp nắm bắt ý nghĩa của câu và cấu trúc ngữ pháp một cách trực quan. Phương pháp này đặc biệt hữu ích cho việc đọc hiểu tiếng Anh, vì nó cho phép người học tập trung vào dòng chảy của câu chuyện thay vì liên tục dừng lại để tra từ. Hơn nữa, việc tiếp xúc với cả hai ngôn ngữ đồng thời giúp não bộ hình thành các liên kết mạnh mẽ hơn, từ đó củng cố khả năng ghi nhớ từ vựng và các mẫu câu thông dụng. Các truyện tranh song ngữ còn bổ sung yếu tố hình ảnh, làm cho quá trình học trở nên sinh động và dễ tiếp thu hơn.

1.2. Tại sao học từ vựng qua ngữ cảnh lại hiệu quả

Phương pháp học từ vựng qua ngữ cảnh được công nhận là một trong những cách tiếp cận hiệu quả nhất. Khi một từ mới xuất hiện trong một câu chuyện, nó không đứng một mình mà được bao quanh bởi các yếu tố ngữ cảnh như tình huống, nhân vật, và cảm xúc. Điều này giúp người học không chỉ biết nghĩa của từ mà còn hiểu được sắc thái và cách sử dụng chính xác của nó. Theo đồ án tốt nghiệp của Võ Văn Hiếu, "Từ vựng được lồng ghép trong từng ngữ cảnh có hình minh họa và có cả âm thanh" sẽ giúp người học có cái nhìn tổng quan và ghi nhớ sâu sắc hơn. Việc này hiệu quả hơn nhiều so với việc học thuộc lòng các từ riêng lẻ, vốn rất dễ quên. Ngữ cảnh cung cấp một "mỏ neo" cho trí nhớ, giúp việc truy xuất thông tin sau này trở nên dễ dàng hơn.

II. Thách thức khi dùng app đọc truyện tiếng Anh thông thường

Mặc dù thị trường có nhiều app đọc truyện tiếng Anh, không phải ứng dụng nào cũng được thiết kế tối ưu cho việc học. Một trong những thách thức lớn nhất là vấn đề ghi nhớ từ vựng. Người học có thể đọc hàng chục trang truyện, tra cứu nhiều từ mới nhưng chỉ sau vài ngày, phần lớn kiến thức đó sẽ bay hơi. Nguyên nhân là do các ứng dụng này thiếu một hệ thống ôn tập khoa học. Việc đọc chỉ dừng lại ở mức độ tiếp nhận thông tin thụ động. Một vấn đề khác là sự thiếu hụt các câu chuyện được phân cấp rõ ràng. Nhiều ứng dụng cung cấp nội dung quá khó hoặc quá dễ, không phù hợp với trình độ của người mới bắt đầu, dẫn đến cảm giác nản lòng. Đồ án nghiên cứu tại Đại học Đà Nẵng nhấn mạnh rằng: "Việc đọc một mẫu truyện nhỏ nhưng không có vốn từ vựng, sẽ mất rất nhiều thời gian dịch nghĩa từng từ một... Đọc trước nhưng lại quên sau, làm tăng tư tưởng bỏ cuộc". Hơn nữa, các công cụ hỗ trợ như dịch thuật đôi khi không chính xác hoặc thiếu đi các yếu tố quan trọng như phiên âm, ví dụ đi kèm. Điều này cản trở việc phát âm chuẩn và hiểu sâu về cách dùng từ. Cuối cùng, hầu hết các app chỉ tập trung vào kỹ năng đọc mà bỏ qua các yếu t tố tương tác, khiến quá trình học trở nên đơn điệu và thiếu động lực.

2.1. Vấn đề ghi nhớ từ vựng tiếng Anh cơ bản sau khi đọc

Khó khăn cốt lõi của người học là duy trì vốn từ vựng tiếng Anh cơ bản sau khi kết thúc một câu chuyện. Hầu hết các ứng dụng đọc truyện hiện nay chỉ cung cấp tính năng tra từ tức thời. Tuy nhiên, hành động này chỉ giúp giải quyết vấn đề tạm thời mà không xây dựng được bộ nhớ dài hạn. Thiếu một phần mềm học từ vựng tích hợp với chức năng nhắc nhở và ôn tập định kỳ, người học sẽ nhanh chóng rơi vào vòng lặp "học trước quên sau". Đây là một rào cản lớn, đặc biệt đối với những người đang cố gắng xây dựng nền tảng ngôn ngữ từ con số không.

2.2. Hạn chế của truyện chêm tiếng Anh và nội dung một chiều

Một số nền tảng sử dụng truyện chêm tiếng Anh, tức là lồng ghép một vài từ tiếng Anh vào câu chuyện tiếng Việt. Mặc dù phương pháp này có thể giúp làm quen với từ mới, nó lại không hiệu quả trong việc xây dựng khả năng đọc hiểu cả một đoạn văn hoàn chỉnh bằng tiếng Anh. Người học không được rèn luyện tư duy ngôn ngữ và khả năng suy luận ý nghĩa từ ngữ cảnh. Hơn nữa, việc học một chiều, chỉ đọc mà không có các hoạt động tương tác như làm bài kiểm tra, thảo luận hay thực hành, làm giảm đáng kể hiệu quả tiếp thu và sự hứng thú của người học.

III. Phương pháp học từ vựng hiệu quả qua web đọc truyện OBL

Để giải quyết những thách thức trên, một phương pháp học từ vựng hiệu quả đã được phát triển dựa trên bộ truyện Oxford Bookworms Library (OBL). Đây là một hệ thống các truyện tiếng Anh cho người mới bắt đầu được biên soạn bởi Đại học Oxford, sử dụng khoảng 3000 từ vựng thông dụng nhất. Theo nghiên cứu, "3000 từ thông dụng được sử dụng trong 90% các cuộc hội thoại văn bản, giao tiếp trên toàn thế giới". Một web học tiếng Anh miễn phí xây dựng trên nền tảng này sẽ cung cấp một lộ trình học tập có cấu trúc. Các câu chuyện được chia thành 7 cấp độ, từ dễ đến khó, đảm bảo người học luôn được tiếp cận với nội dung phù hợp. Website không chỉ hiển thị văn bản, mà còn chuyển thể chúng thành siêu văn bản với nhiều tính năng tương tác. Người dùng có thể nghe âm thanh đồng bộ với chữ, xem bản dịch song ngữ, và tra cứu từ vựng kèm hình ảnh minh họa ngay trong truyện. Đặc biệt, hệ thống cho phép người dùng thêm từ mới vào "Sổ từ vựng" cá nhân và phân loại chúng theo từ vựng theo chủ đề. Tính năng này biến việc đọc thụ động thành một quá trình chủ động thu thập và quản lý kiến thức, tạo ra một công cụ học tập toàn diện và hiệu quả.

3.1. Tích hợp truyện tiếng Anh có phiên âm từ Oxford

Nền tảng của phương pháp này là kho truyện tiếng Anh có phiên âm và nội dung được chuẩn hóa từ bộ Oxford Bookworms Library (OBL). Mỗi câu chuyện được thiết kế cẩn thận để giới thiệu từ vựng và cấu trúc ngữ pháp một cách tuần tự. Việc tích hợp âm thanh đồng bộ với văn bản giúp người học luyện kỹ năng nghe và phát âm một cách tự nhiên. Người học có thể nghe người bản xứ đọc, nhận diện cách nối âm, ngữ điệu, đồng thời theo dõi mặt chữ. Điều này tạo ra một trải nghiệm học đa giác quan, giúp củng cố trí nhớ và xây dựng sự tự tin trong giao tiếp.

3.2. Chức năng phân biệt từ đã học và thêm từ vào sổ cá nhân

Một tính năng đột phá được đề cập trong nghiên cứu của Võ Văn Hiếu là "phân biệt được các từ đã học và chưa học". Hệ thống cho phép người dùng đánh dấu những từ vựng đã biết. Khi đọc, những từ này sẽ được làm nổi bật, giúp người học tập trung vào các từ mới cần chinh phục. Khi gặp một từ chưa biết, người dùng có thể dễ dàng thêm nó vào "Sổ từ vựng" của riêng mình. Chức năng này cho phép cá nhân hóa lộ trình học tập, biến kho từ vựng chung của câu chuyện thành bộ sưu tập kiến thức của riêng mỗi người, sẵn sàng cho các bước ôn tập tiếp theo.

IV. Bí quyết ghi nhớ từ vựng với phương pháp ôn tập ngắt quãng

Điểm khác biệt cốt lõi của một web đọc truyện và học từ vựng tiên tiến nằm ở hệ thống ôn tập thông minh. Thay vì để người học tự vật lộn với việc ghi nhớ, hệ thống áp dụng phương pháp ôn tập từ vựng ngắt quãng (Spaced Repetition System - SRS). Đây là một kỹ thuật học tập dựa trên hiệu ứng tâm lý về khoảng cách, giúp chống lại đường cong lãng quên của não bộ. Nghiên cứu chỉ rõ: "Dựa trên phương pháp ôn tập từ vựng ngắt quãng, tại thời điểm vàng trước khi từ vựng bị quên đi, sẽ là thời điểm ôn tập thích hợp nhất". Hệ thống sẽ tự động lên lịch nhắc nhở người dùng ôn lại các "từ vựng đến hạn" vào đúng thời điểm. Quá trình ôn tập được thiết kế đa dạng với nhiều chế độ để tránh nhàm chán và tác động vào nhiều vùng trí nhớ khác nhau. Người học có thể sử dụng thẻ thông minh để nhận biết mặt chữ, làm bài tập khoanh từ để kiểm tra khả năng nhận diện, hoặc điền từ vào chỗ trống để rèn luyện kỹ năng viết và nhớ lại chủ động. Phương pháp này đảm bảo rằng mỗi từ vựng được học không chỉ được lưu trong bộ nhớ ngắn hạn mà sẽ được củng cố và chuyển vào bộ nhớ dài hạn một cách bền vững.

4.1. Ôn tập đa dạng Thẻ thông minh khoanh từ và điền từ

Để tối ưu hóa việc ôn tập, hệ thống cung cấp ba chế độ song song. Chế độ "Thẻ thông minh" (Flashcards) phù hợp cho giai đoạn làm quen, hiển thị đầy đủ thông tin: từ, phiên âm, nghĩa, hình ảnh, âm thanh và câu ví dụ. Chế độ "Khoanh từ" (Multiple Choice) nâng cao hơn, yêu cầu người học nhận diện đúng từ tiếng Anh dựa trên nghĩa tiếng Việt, giúp kiểm tra khả năng nhận biết. Cuối cùng, chế độ "Điền từ" (Fill-in-the-blank) là thử thách cao nhất, đòi hỏi người học phải chủ động nhớ lại và viết đúng từ, củng cố trí nhớ một cách sâu sắc nhất.

4.2. Gamification Mở khóa truyện mới bằng bài kiểm tra

Để tăng cường động lực, hệ thống tích hợp yếu tố trò chơi hóa (gamification). Thay vì cho phép truy cập tự do, người học muốn đọc câu chuyện tiếp theo phải vượt qua một bài kiểm tra kiến thức của truyện vừa đọc. Bài kiểm tra này bao gồm các câu hỏi về nội dung và từ vựng, đảm bảo người học đã thực sự nắm vững kiến thức. Theo mô tả của đồ án, tính năng này "tăng tính bí mật, ham học hỏi và chống nhàm chán". Việc biến quá trình học thành một chuỗi các thử thách cần chinh phục giúp duy trì sự hứng thú và cam kết lâu dài của người học.

V. Kết quả ứng dụng Cải thiện kỹ năng đọc tiếng Anh rõ rệt

Việc ứng dụng một hệ thống web đọc truyện & học từ vựng tiếng Anh được xây dựng bài bản mang lại những kết quả tích cực. Người dùng không chỉ mở rộng vốn từ vựng một cách có hệ thống mà còn cải thiện kỹ năng đọc tiếng Anh một cách toàn diện. Bằng cách đọc các câu chuyện được phân cấp, khả năng đọc hiểu tiếng Anh tăng lên một cách tự nhiên. Người học quen dần với các cấu trúc câu, cách hành văn và các thành ngữ thông dụng. Phương pháp học qua ngữ cảnh giúp họ có khả năng suy đoán nghĩa của từ mới dựa vào các thông tin xung quanh, một kỹ năng cực kỳ quan trọng trong thực tế. Hệ thống ôn tập ngắt quãng đảm bảo kiến thức được củng cố bền vững. Các bài kiểm tra sau mỗi câu chuyện không chỉ là một thử thách mà còn là một công cụ đo lường tiến độ hiệu quả, giúp người học nhận ra điểm mạnh và điểm yếu của bản thân. Theo mục tiêu của dự án được trích dẫn, website giúp người dùng "nhanh chóng học được 3000 từ Tiếng Anh thông dụng, phổ biến nhất trong giao tiếp". Kết quả cuối cùng là một sự tiến bộ rõ rệt, giúp người mất gốc lấy lại sự tự tin và tạo ra một nền tảng vững chắc để tiếp tục chinh phục các cấp độ tiếng Anh cao hơn.

5.1. Xây dựng nền tảng từ vựng vững chắc cho người mất gốc

Đối với tài liệu học tiếng Anh cho người mất gốc, việc xây dựng lại nền tảng từ vựng là ưu tiên hàng đầu. Hệ thống này cung cấp một lộ trình rõ ràng, bắt đầu từ những từ vựng và câu chuyện đơn giản nhất. Việc học có định hướng thông qua bộ truyện OBL giúp người học tiếp cận 3000 từ cốt lõi một cách tuần tự. Chức năng "Sổ từ vựng" và ôn tập định kỳ đóng vai trò như một người gia sư ảo, đảm bảo không có lỗ hổng kiến thức nào bị bỏ sót, từ đó xây dựng một nền móng ngôn ngữ vững chắc.

5.2. Đo lường tiến độ học tập thông qua điểm tích lũy

Hệ thống điểm tích lũy là một công cụ đo lường và khuyến khích hiệu quả. Người dùng nhận được điểm khi hoàn thành các nhiệm vụ hàng ngày như thêm từ mới, học từ mới, ôn tập từ đến hạn. Điểm số này không chỉ phản ánh sự chăm chỉ mà còn có thể được sử dụng để mở khóa các tính năng cao cấp hơn, ví dụ như thêm hộp từ vựng mới để cài đặt ngày nhắc ôn tập. Điều này tạo ra một vòng lặp tích cực: học tập tạo ra phần thưởng, và phần thưởng lại thúc đẩy việc học tập, giúp duy trì động lực trong dài hạn.

Trích đoạn nội dung tài liệu

Chương 1 CƠ SỞ LÝ THUYẾT 1. Ngôn ngữ Java 1. Java là gì? Java là một ngôn ngữ lập lập trình, được phát triển bởi Sun Microsystem (14) vào năm 1995, là ngôn ngữ kế thừa trực tiếp từ C/C++ và là một ngôn ngữ lập trình hướng đối tượng. Vì sao ngôn ngữ này lại được đặt tên là Java? Java là tên một hòn đảo ở Indonesia - hòn đảo nổi tiếng với loại coffee Peet và cũng là loại nước uống phổ biến của các kỹ sư Sun.

Ban đầu Ngôn ngữ này được đặt tên là OAK (13), nhưng các luật sư của Sun (14) xác định rằng tên đó đã được đăng ký nhãn hiệu nên các nhà phát triển đã phải thay thế bằng một tên mới - và cũng vì lý do trên mà cái tên Java đã ra đời và trở thành tên gọi chính thức của Ngôn ngữ này - Ngôn ngữ Lập trình Java.1: Ngôn ngữ Java 1. Những đặc điểm cơ bản của Java Tiêu chí hàng đầu của Ngôn ngữ Lập trình Java là "Write Once, Run Anywhere" (Viết một lần, chạy mọi nơi), nghĩa là Java cho phép chúng ta viết code một lần và thực thi được trên các hệ điều hành khác nhau. Java có những đặc điểm cơ bản như sau: - Hướng đối tượng - Mạnh mẽ (thể hiện ở cơ chế tự động thu gom rác - Garbage Collection) và an toàn. SVTH: Võ Văn Hiếu 4 XÂY DỰNG WEBSITE ĐỌC TRUYỆN VÀ ÔN TẬP TỪ VỰNG CHO NGƯỜI MỚI HỌC TIẾNG ANH - Kiến trúc trung lập, độc lập nền tảng và có tính khả chuyển (Portability).

- Hiệu suất cao. - Đa nhiệm: Ngôn ngữ Java cho phép xâ dựng trình ứng dụng, trong đó nhiều quá trình có thể xảy ra đồng thời. Tính đa nhiệm cho phép các nhà lập trình có thể biên soạn phần mềm đáp ứng tốt hơn, tương tác tốt hơn và thực hiện theo thời gian thực. Ngôn ngữ JavaScript 1.

JavaScript là gì? JavaScript là ngôn ngữ lập trình website phổ biến hiện nay, nó được tích hợp và nhúng vào HTML[1] giúp website trở nên sống động hơn. JS[6] đóng vai trò như là một phần của trang web, thực thi cho phép Client-side script từ phía người dùng cũng như phía máy chủ (Nodejs) tạo ra các trang web động.2: Ngôn ngữ lập trình JavaScript 1. Những đặc điểm cả JavaScript Ưu điểm: - Chương trình JavaScript rất dễ học. - Lỗi JavaScript dễ phát hiện và sẽ giúp bạn sửa lỗi nhanh hơn.

- Các trình duyệt web có thể dịch nó bằng HTML[1] mà không cần một compiler. - JS[6] hoạt động trên rất nhiều nền tảng và trình duyệt khác nhau. SVTH: Võ Văn Hiếu 5 XÂY DỰNG WEBSITE ĐỌC TRUYỆN VÀ ÔN TẬP TỪ VỰNG CHO NGƯỜI MỚI HỌC TIẾNG ANH - Được đánh giá là ngôn ngữ lập trình nhẹ, nhanh so với các ngôn ngữ khác. - JS[6] có thể được gắn trên một số phần tử hoặc các sự kiện của website.

- Khi website có sử dụng JS[6] thì sẽ giúp cho trang website đó tương tác và tăng trải nghiệm người dùng khi truy cập. - Có thể tận dụng JS[6] để kiểm tra các đầu vào thay vì kiểm tra thủ công thông qua việc truy xuất DB[8]. - Giao diện phong phú Nhược điểm: - Dễ bị khai thác từ những hacker và scammer. - Có thể được dụng để thực thi mã độc trên máy tính của người dùng.

- Các thiết bị khác nhau có thể thực hiện JS[6] khác nhau dẫn đến không đồng nhất. - Vì tính bảo mật nên client-side JS[6] không cho phép đọc và ghi các file. - JS[6] không được hỗ trợ khi sử dụng trong kết nối mạng. - JS[6] không có khả năng đa luồng hoặc đa xử lý.

Client-side JavaScript là gì? Client-side JavaScript là form phổ biến được sử dụng phổ biến hiện nay. Một trang web không cần một HTML tĩnh, nhưng có thể bao gồm các chương trình có thể tương tác với người dùng hay điều khiển trình duyệt và tạo nội dung HTML động. JavaScript Framework là gì? Hình 1.3: JavaScript Frameworks SVTH: Võ Văn Hiếu 6 XÂY DỰNG WEBSITE ĐỌC TRUYỆN VÀ ÔN TẬP TỪ VỰNG CHO NGƯỜI MỚI HỌC TIẾNG ANH JavaScript Framework là thư viện được xây dựng dựa vào ngôn ngữ lập trình JavaScript. Từ đó, mỗi FW[7] được tạo ra để phục cho từng lĩnh vực khác nhau, sẽ giúp bạn có thêm nhiều thông tin rõ ràng hơn.

Hiện nay, có rất nhiều JavaScript FW[7] thông dụng như: - ReactJS: Thư viện dùng cho ứng dụng mobile. - NodeJS: Dùng để xây dựng và phát triển ứng dụng realtime từ phía máy chủ. - Angular: Dùng để xây dựng ứng dụng Single Page…. - VueJS: Dùng để xây dựng ứng dụng Single Page….

Framework là gì? Framework chính là một thư viện với các tài nguyên có sẵn cho từng lĩnh vực để lập trình viên sử dụng thay vì phải tự thiết kế. Có Framework, lập trình viên chỉ tìm hiểu và khai thác những tài nguyên đó, gắn kết chúng lại với nhau và hoàn chỉnh sản phẩm của mình. Đối với lập trình viên trong mỗi một lĩnh vực, họ cần phải xây dựng các lớp chương trình để xây dựng nên những phần mềm, ứng dụng thành phẩm. SpringBoot Framework Spring là một Java FW[7] lớn và phổ biến, làm được đủ mọi thứ.

Nó được chia thành nhiều module, mỗi module làm một chức năng. Spring được xây dựng dựa trên 2 khái niệm nền tảng là Dependency injection và AOP[16]. Spring Boot là một dự án phát triển bởi ngôn ngữ Java trong hệ sinh thái Spring FW[7]. Nó giúp cho các lập trình viên chúng ta đơn giản hóa quá trình lập trình một ứng dụng với Spring, chỉ tập trung vào việc phát triển business cho ứng dụng.

SVTH: Võ Văn Hiếu 7 XÂY DỰNG WEBSITE ĐỌC TRUYỆN VÀ ÔN TẬP TỪ VỰNG CHO NGƯỜI MỚI HỌC TIẾNG ANH Hình 1.4: SpringBoot Framework Những đặc điểm của SpringBoot Framework: - Auto config: tự động cấu hình, chỉ cần bắt đầu code và chạy - Xây dựng các bean dựa trên annotation thay vì XML[15] - Server Tomcat được nhúng ngay trong tập tin .Jar được xây dựng, chỉ cần chạy ở bất kì đâu Java cũng chạy được. VueJS Framework VueJS là một FW[7] Javascript được tạo bởi Evan You, giúp chúng ta xây dựng giao diện người dùng cũng như xây dựng Single Page Application thân thiện với người dùng, chúng xây dựng từ các thư viện, cách triển khai component, các chức năng đặc trưng của nó như Single File Component. Những đặc điểm của VueJS: - No build step required: Nếu sử dụng Vue thì sẽ không cần phải trải qua quá nhiều bước để build mà có thể đi thẳng vào vấn đề một cách dễ dàng. Bởi vì, Vue không cần sử dụng build tool quá phức tạp mới có thể xây dựng ứng dụng, chỉ cần khai báo một script là có thể phát triển một ứng dụng bằng Vue.

- Vue có thể tạo cấu trúc Project nhanh chóng hơn nhờ vào command line interface. - Tài liệu nhiều, cộng đồng lớn. SVTH: Võ Văn Hiếu 8 XÂY DỰNG WEBSITE ĐỌC TRUYỆN VÀ ÔN TẬP TỪ VỰNG CHO NGƯỜI MỚI HỌC TIẾNG ANH - Vue sở hữu một hệ sinh thái vững chắc nên có thể cung cấp một số add-ons rất hữu ích cho việc xây dựng một ứng dụng fontend điển hình nhất. Nó có thể bao gồm: vue-router, vuex, vue-test-utils, vue-dev-tools, vue-cli,… - Core Vue sở hữu tính năng tối thiểu bởi khả năng tập trung vào việc render giao diện cho người dùng và các tương tác của nó.

Chính vì vậy, nó sẽ cung cấp tối thiểu những tính năng cần thiết cho việc thiết kế và xây dựng kiến trúc. Nó sẽ giúp loại bỏ được các tính năng không cần thiết ra khỏi thư viện trong lõi Vue.js và đảm bảo cho Framework nhỏ gọn và mềm dẻo hơn. RESTful Api RESTful API là một tiêu chuẩn dùng trong việc thiết kế API cho các ứng dụng web (thiết kế Web services) để tiện cho việc quản lý các resource. Nó chú trọng vào tài nguyên hệ thống (tệp văn bản, ảnh, âm thanh, video, hoặc dữ liệu động…), bao gồm các trạng thái tài nguyên được định dạng và được truyền tải qua HTTP.

Hệ quản trị cơ sở dữ liệu MySQL MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở RDBMS[17] hoạt động theo mô hình Client-Server. RDBMS[17] là một phần mềm hay dịch vụ dùng để tạo và quản lý các DB[10] theo hình thức quản lý các mối liên hệ giữa chúng. MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì MySQL là hệ quản SVTH: Võ Văn Hiếu 9 XÂY DỰNG WEBSITE ĐỌC TRUYỆN VÀ ÔN TẬP TỪ VỰNG CHO NGƯỜI MỚI HỌC TIẾNG ANH trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh.

Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL[2] trên internet. Người dùng có thể tải về MySQL miễn phí từ trang chủ. MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS… Hình 1.6: Hệ cơ sở dữ liệu MYSQL SVTH: Võ Văn Hiếu 10 XÂY DỰNG WEBSITE ĐỌC TRUYỆN VÀ ÔN TẬP TỪ VỰNG CHO NGƯỜI MỚI HỌC TIẾNG ANH Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2. Hoạt động nghiệp vụ thực tế 2.

Khách vãng lai Người dùng chưa đăng nhập vào hệ thống có thể đọc được truyện, đọc được bình luận của các chương trong truyện. Ngoài ra còn xem được bảng xếp hạng. Thành viên Thành viên đã đăng nhập vào hệ thống có thể đọc truyện, mở khóa truyện tiếp theo để đọc bằng cách hoàn thành bài kiểm tra kiến thức của truyện hiện tại đang đọc. Trong quá trình đọc truyện, có thể thêm các từ vựng mới trong truyện vào Sổ từ vựng, phân chia từ vựng đó theo thư mục/chủ đề.

hành viên chọn các từ vựng muốn ôn tập (có thể bao gồm: từ đến hạn, từ chưa đến hạn, từ vừa thêm, từ đã ôn) vào mục đang ôn tập và bắt đầu ôn. Từ vựng đang ôn tập trong Sổ từ vựng có thể được ôn bằng những hình thức khác nhau, có thể linh động chuyển chế độ ôn phù hợp với từng từ vựng có ngày nhắc ôn khác nhau, cụ thể là các chế độ: thẻ thông minh, khoanh từ, điền từ. Thành viên có các thắc mắc, báo lỗi, góp ý, thảo luận có thể đăng bài để thảo luận với các thành viên khác. Quản trị viên: Quản trị viên cập nhật truyện, chương trong truyện, cập nhật các bài kiểm tra c ho truyện.

Cài đặt các giá điểm quy đổi của hộp từ vựng. Sửa số lượng yêu cầu và bật tắt trạng thái của nhiệm vụ hằng ngày.