ĐẠI HỌC CÔNG NGHỆ GTVT KHOA CÔNG NGHỆ THÔNG TIN Kim Văn Tiến PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE HỌC TIẾNG ANH ĐỒ TÀI TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành Hệ thống thông tin VĨNH YÊN 2022 HÀ NỘI 2.
ĐẠI HỌC CÔNG NGHỆ GTVT KHOA CÔNG NGHỆ THÔNG TIN TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI KHOA CƠNG THƠNG TIN Kim NGHỆ Văn Tiến PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE HỌC TIẾNG ANH ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC ĐỒ TÀI TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: tin WEBSITE PHÂN TÍCH THIẾT KẾHệ VÀthống XÂYthông DỰNG HỌC TIẾNG ANH Giảng viên hướng dẫn: ThS Xxx xxx VĨNH YÊN - 2022 ĐẠI HỌC CÔNG NGHỆ GTVT KHOA CÔNG NGHỆ THÔNG TIN Kim Văn Tiến PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE HỌC TIẾNG ANH ĐỒ TÀI TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Hệ thống thông tin Cán hướng dẫn: Lê Thị Hà VĨNH YÊN - 2022 MỤC LỤC Phần 1: PHẦN MỞ ĐẦU 1.1 Lý chọn đề tài 1.2 Mục tiêu đề tài 1.3 Giới hạn phạm vi đề tài 1.4 Kết dự kiến đạt .2 Phần 2: PHẦN NỘI DUNG Chương 1: Cơ sở lý thuyết .3 1.1 Phân tích thiết kế hướng đối tượng: 1.1.1 Định nghĩa: 1.1.2 Phần mềm hỗ trợ thiết kế Draw.io trực tuyến: 1.2 UML phân tích thiết kế hướng đối tượng: .4 1.2.1 Định nghĩa UML: 1.2.2 Phân tích thiết kế hướng đối tượng sử dụng UML: .4 1.3 Ngôn ngữ thiết kế web HTML CSS: 1.3.1 HTML: .5 1.3.2 CSS: 1.4 Ngôn ngữ kịch JavaScript: 1.4.1 Khái niệm: 1.4.2 Kết hợp HTML, CSS JavaScript: .7 1.4.3 Thư viện JQuery: 1.5 Các ngơn ngữ lập trình PHP: 1.5.1 Các khái niệm: 1.5.2 Framework Laravel: 1.5.3 Mơ hình MVC: 1.6 Hệ quản trị sở liệu MySQL: 10 1.6.1 Các khái niệm: 10 1.6.3 MySQL: 11 Chương 2: PHÂN TÍCH HỆ THỐNG .12 2.1 Khảo sát hệ thống: 12 2.1.1 Mô tả hệ thống: .12 2.1.2 Yêu cầu với hệ thống triển khai: 13 2.2 Biểu đồ Use Case hệ thống: 13 2.2.1 Các tác nhân hệ thống: 13 2.2.2 Use Case tổng quát: 14 2.2.3 Use Case hệ thống: 15 2.2.4 Use Case tác nhân USER(người dùng): .17 2.2.5 Use Case quản lý loại chứng chỉ: 22 2.2.6 Use Case quản lý cấp học: 24 2.2.7 Use Case quản lý câu hỏi: .25 2.2.8 Use Case quản lý người dùng: .27 2.2.9 Use Case quản lý giáo viên: 28 2.2.10 Use Case quản lý bình luận: 30 2.2.11 Use Case quản lý silde: 31 2.2.12 Use Case quản lý tìm kiếm: 33 2.2.13 Use Case báo cáo thống kê: 35 2.3 Biểu đồ hoạt động hệ thống: .36 2.4 Biểu đồ hệ thống: 41 2.5 Biểu đồ trạng thái: 48 2.6 Thiết kế sở liệu: 52 2.6.1 Biểu đồ lớp: 52 2.6.2 Xác định bảng thực thể: 53 Chương 3: Thiết kế hệ thống 60 3.1 Giao diện quản trị .60 3.1.1 Giao diện quản lý từ khóa 60 3.1.2 Giao diện quản lý danh mục 60 3.1.3 Giao diện quản lý giáo viên 61 3.1.4 Giao diện quản lý nội dung học 61 3.1.5 Giao diện quản lý admin 62 3.2 Giao diện người dùng 62 3.2.1 Giao diện trang chủ 62 3.2.2 Giao diện học phát âm 63 3.2.3 Giao diện học cấu trúc 63 3.2.4 Giao diện học cú pháp 64 3.2.5 Giao diện thảo luận 64 3.2.6 Giao diện thông tin người dùng 65 Kết luận 66 Tài liệu tham khảo 67 DANH MỤC HÌNH Hình 1.1 Minh họa HTML – CSS – JavaScript Hình 1.2 Mơ hình MVC Laravel9 Hình 2.1 Các tác nhân hệ thống Hình 2.2 Use Case tổng quát Hình 2.3 Use Case hệ thống Hình 2.4 Use Case tác nhân USER(người dùng) Hình 2.6 Use Case quản lý loại chứng Hình 2.11 Use Case quản lý cấp học Hình 2.7 Use Case quản lý câu hỏi Hình 2.5 Use Case quản lý người dùng Hình 2.12 Use Case quản lý giảng viên Hình 2.9 Use Case quản lý bình luận Hình 2.10 Use Case quản lý slide Hình 2.13 Use Case quản lý tìm kiếm Hình 2.14 Use Case báo cáo thống kê Hình 2.12 Biểu đồ hoạt động tìm kiếm câu hỏi Hình 2.13 Biểu độ hoạt động đăng ký Hình 2.14 Biểu đồ hoạt động đăng nhập Hình 2.15 Biểu đồ hoạt động thêm câu hỏi Hình 2.16 Biểu đồ hoạt động cập nhật thơng tin cá nhân Hình 2.17 Biểu đồ hoạt động bình luận Hình 2.18 Biểu đồ đăng ký Hình 2.19 Biểu đồ đăng nhập Hình 2.20 Biểu đồ xem câu hỏi Hình 2.21 Biểu đồ thêm câu hỏi Hình 2.22 Biểu đồ cập nhật câu hỏi Hình 2.23 Biểu đồ xóa câu hỏi Hình 2.24 Biểu đồ tìm kiếm câu hỏi Hình 2.25 Biểu đồ bình luận Hình 2.26 Biểu đồ trạng thái Đăng nhập Hình 2.27 Biểu đồ trạng thái Thêm câu hỏi Hình 2.28 Biểu đồ trạng thái Cập nhật câu hỏi Hình 2.29 Biểu đồ trạng thái Xóa câu hỏi Hình 2.30 Biểu đồ lớp Hình 3.1 Giao diện quản lý từ khóa Hình 3.2 Giao diện quản lý danh mục Hình 3.3 Giao diện quản lý giáo viên Hình 3.4 Giao diện quản lý nội dung học Hình 3.5 Giao diện quản lý admin Hình 3.6 Giao diện trang chủ Hình 3.7 Giao diện học phát âm Hình 3.8 Giao diện học cấu trúc Hình 3.9 Giao diện học cú pháp Hình 3.10 Giao diện thảo luận Hình 3.11 Giao diện thông tin người dùng DANH MỤC BẢNG Bảng 2.1 Bảng users (người dùng) Bảng 2.2 Bảng admins (quản trị) Bảng 2.3 Bảng courses (khóa học) Bảng 2.4 Bảng courses_content (nội dung khóa học) Bảng 2.5 Bảng courses_video (video khóa học) Bảng 2.6 Bảng keywords (từ khóa) Bảng 2.7 Bảng course_keywords (từ khóa khóa học) Bảng 2.8 Bảng articles (bài viết) Bảng 2.9 Bảng votes (đánh giá) Bảng 2.10 Bảng categories (danh mục) Bảng 2.11 Bảng teacher (giảng viên) Bảng 2.12 Bảng orders (đơn hàng) Bảng 2.13 Bảng transactions (giao dịch) Bảng 2.14 Bảng roles (vai trò) Bảng 2.15 Bảng permissions (quyền) Bảng 2.16 Bảng model_has_role Bảng 2.17 Bảng role_has_permission Bảng 2.18 Bảng model_has_permission LỜI CẢM ƠN Qua thời gian tìm hiểu thực đến đề tài “Phân tích thiết kế xây dựng WEBSITE Học Tiếng Anh” hồn thành Trong suốt q trình thực đề tài, em nhận nhiều giúp đỡ nhiệt tình thầy bạn Em xin chân thành cảm ơn thầy cô trang bị kiến thức quý báu cho em suốt trình học tập trường Đại học Giao thơng vận tải Đặc biệt thầy cô Khoa Cơng nghệ thơng tin tận tình giảng dạy, bảo, trang bị cho em kiến thức cần thiết suốt trình học tập nghiên cứu khoa Em xin cảm ơn giảng viên hướng dẫn Cơ Lê Thị Hà tận tình hướng dẫn, bảo giúp đỡ em suốt thời gian qua Nhờ vào giúp đỡ bảo cô mà em hoàn thành đồ án Mặc dù em cố gắng nỗ lực để thực để tài em khơng thể tránh khỏi thiếu sót, kính mong đóng góp hướng dẫn thầy cô Em xin chân thành cảm ơn! LỜI CAM ĐOAN Em xin cam đoan đồ án công trình riêng em, kết có tính độc lập riêng, không chép tài liệu chưa công bố nội dung đâu Các tài liệu đồ án sử dụng trung thực, nguồn trích dẫn có thích rõ ràng, minh bạch, có tính kế thừa, phát triển từ tài liệu, website Em xin hoàn toàn chịu trách nhiệm lời cam đoan danh dự em Vĩnh Yên, Ngày 28 tháng 05 năm 2022 Sinh viên thực Kim Văn Tiến STT Tên thực thể total_video Kiểu liệu int Khóa Mơ tả Tổng video total_pay int Tổng tiền status int Trạng thái avatar varchar(191) Ảnh đại diện total_star int Tổng 10 price int Giá 11 sale int Giảm giá 12 about varchar(max) Nội dung 13 keyword_seo varchar(191) Từ khóa seo 14 title_seo varchar(191) Tiêu đề seo 15 description_seo varchar(max) Mô tả seo Bảng 2.3 Bảng courses (khóa học) Bảng courses_content (nội dung khóa học): STT Tên thực thể id Kiểu liệu bigint Khóa PK Mơ tả Mã nội dung name varchar(191) khóa học Tên total_video int Tổng video content varchar(max) Nội dung course_id bigint total_question int FK Mã khóa học Tổng câu hỏi Bảng 2.4 Bảng courses_content (nội dung khóa học) Bảng courses_video (video khóa học): STT Tên thực thể id Kiểu liệu bigint Khóa PK Mơ tả Mã video khóa name varchar(191) học Tên content varchar(255) Nội dung 66 STT Tên thực thể status Kiểu liệu int Khóa Mơ tả Trạng thái FK Mã nội dung course_content_ bigint id path khóa học Đường dẫn varchar(max) Bảng 2.5 Bảng courses_video (video khóa học) Bảng keywords (từ khóa): STT Tên thực thể id Kiểu liệu bigint Khóa PK Mơ tả Mã từ khóa name varchar(191) Tên count int Số Bảng 2.6 Bảng keywords (từ khóa) Bảng course_keywords (từ khóa khóa học): STT Tên thực thể id Kiểu liệu bigint Khóa PK Mơ tả Mã từ khóa course_id bigint FK khóa học Mã khóa học keyword_id bigint FK Mã từ khóa Bảng 2.7 Bảng course_keywords (từ khóa khóa học) Bảng articles (bài viết): STT Tên thực thể id Kiểu liệu bigint name varchar(191) admin_id bigint status int content varchar(max) image varchar(191) Khóa PK Mơ tả Mã viết Tên FK Mã quản trị Trạng thái 67 FK Nội dung Hình ảnh Bảng 2.8 Bảng articles (bài viết) Bảng votes (đánh giá): STT Tên thực thể id Kiểu liệu bigint Khóa PK user_id bigint status int course_id bigint content varchar(255) Nội dung count_rate int Số đánh giá FK Mô tả Mã đánh giá Mã người dùng Trạng thái FK Mã khóa học Bảng 2.9 Bảng votes (đánh giá) Bảng categories (danh mục): STT Tên thực thể id Kiểu liệu bigint Khóa PK Mơ tả Mã danh mục name varchar(191) Tên status int Trạng thái Bảng 2.10 Bảng categories (danh mục) Bảng teachers (giảng viên): STT Tên thực thể id Kiểu liệu bigint Khóa PK name varchar(191) Tên gender varchar(5) Giới tính phone varchar(10) Số điện thoại count_course int Số khóa học email password description varchar(191) varchar(191) varchar(max) Email Mật Mô tả Bảng 2.11 Bảng teacher (giảng viên) Bảng orders (đơn hàng): 68 Mô tả Mã giảng viên STT Tên thực thể id Kiểu liệu bigint Khóa PK Mơ tả Mã đơn hàng course_id bigint FK Mã khóa học transaction_id bigint FK Mã giao dịch user_id bigint FK Mã người dùng price int Giá status sale description int int varchar(max) Trạng thái Giảm giá Mô tả Bảng 2.12 Bảng orders (đơn hàng) Bảng transactions (giao dịch): STT Tên thực thể id Kiểu liệu bigint note varchar(max) Ghi total_money int Tổng tiền type_pay varchar(50) Phương thức status int toán Trạng thái code time_process varchar(50) int Mã Thời gian xử lý Khóa PK Mơ tả Mã giao dịch Bảng 2.13 Bảng transactions (giao dịch) Bảng roles (vai trò): STT Tên thực thể id Kiểu liệu bigint name varchar(191) Tên description varchar(191) Mô tả guard_name varchar(191) 69 Khóa PK Mơ tả Mã vai trò Bảng 2.14 Bảng roles (vai trò) Bảng permissions (quyền): STT Tên thực thể id Kiểu liệu bigint Khóa PK name varchar(191) Tên description varchar(191) Mô tả role_id bigint guard_name varchar(191) group_permission int FK Mơ tả Mã quyền Mã vai trị Nhóm quyền Bảng 2.15 Bảng permissions (quyền) Bảng model_has_role: STT Tên thực thể role_id Kiểu liệu bigint model_type varchar(191) model_id bigint Khóa PK Mơ tả Mã vai trò Loại model PK Mã model Bảng 2.16 Bảng model_has_role Bảng role_has_permission: STT Tên thực thể role_id Kiểu liệu bigint permission_id bigint Khóa PK Mơ tả Mã vai trò PK Mã quyền Bảng 2.17 Bảng role_has_permission Bảng model_has_permission: 70 STT Tên thực thể model_id Kiểu liệu bigint permission_id bigint model_type varchar(191) Khóa PK Mơ tả Mã model PK Mã quyền Loại model Bảng 2.18 Bảng model_has_permission 71 Chương 3: Thiết kế hệ thống 3.1 Giao diện quản trị 3.1.1 Giao diện quản lý từ khóa Hình 3.1 Giao diện quản lý từ khóa 3.1.2 Giao diện quản lý danh mục Hình 3.2 Giao diện quản lý danh mục 72 3.1.3 Giao diện quản lý giáo viên Hình 3.3 Giao diện quản lý giáo viên 3.1.4 Giao diện quản lý nội dung học Hình 3.4 Giao diện quản lý nội dung học 73 3.1.5 Giao diện quản lý admin Hình 3.5 Giao diện quản lý admin 3.2 Giao diện người dùng 3.2.1 Giao diện trang chủ Hình 3.6 Giao diện trang chủ 74 3.2.2 Giao diện học phát âm Hình 3.7 Giao diện học phát âm 3.2.3 Giao diện học cấu trúc Hình 3.8 Giao diện học cấu trúc 75 3.2.4 Giao diện học cú pháp Hình 3.9 Giao diện học cú pháp 3.2.5 Giao diện thảo luận Hình 3.10 Giao diện thảo luận 76 3.2.6 Giao diện thông tin người dùng Hình 3.11 Giao diện thơng tin người dùng 77 Kết luận Qua trình nghiên cứu đề tài “Phân tích thiết kế xây dựng website học tiếng anh”, hướng dẫn tận tình thầy giúp đỡ nhiệt tình bạn, em có thêm nhiều kinh nghiệm hồn thành đề tài Trong trình thực em cố gắng thực hiện, thời gian có hạn nên chưa giải toàn vấn đề Dưới số kết đạt hạn chế tồn tại: Kết đạt được: - Nâng cao khả trình bày vấn đề - Vận dụng kiến thức học giải toán - Khảo sát cách thức học tiếng anh, phân tích thiết kế chức liệu phần mềm theo khảo sát thực tế - Phân quyền hệ thống xây dựng giao diện theo phân tích thiết kế Hạn chế tồn tại: - Khả áp dụng vào thực tế hạn chế trình khảo sát thực tế cịn thiếu kinh nghiệm - Thời gian nên số vấn đề chưa giải tối ưu - Một số chức cịn hạn chế Hướng phát triển: Có thể phát triển thêm cho phần mềm: - Tăng tính bảo mật - Bổ sung thêm chức nghiệp vụ quan trọng khác - Nâng cấp giao diện 78 79 Tài liệu tham khảo [1] Thạc Bình Cường, 2002, Phân tích thiết kế hệ thống thông tin, nhà xuất Khoa học Kỹ thuật [2] Phạm Hữu Khang, Hoàng Đức Hải, 2005, Giáo trình nhập mơn PHP MySQL – Xây dựng ứng dụng web (tủ sách dễ học), nhà xuất Phương Đông [3] https://en.wikipedia.org/wiki/PHP [4] https://en.wikipedia.org/wiki/Laravel [5] https://en.wikipedia.org/wiki/MySQL [6] https://vi.wikipedia.org/wiki/CSS [7] https://vi.wikipedia.org/wiki/HTML [8]https://www.tutorialspoint.com/mvc_framework/mvc_framework_introductio n.htm 80 ... học tiếng anh đa dạng chủ đề giao lưu với người học khác, em định chọn đề tài “Phân tích thiết kế xây dựng website học tiếng anh? ?? Việc xây dựng website đáp ứng nhu cầu học tập tiếng anh người... chương trình học tiếng anh người dùng - Hiểu ngôn ngữ lập trình PHP áp dụng cho xây dựng website - Hoàn thành website học tiếng anh với tính như: o Admin: thực chức quản trị hệ thống, quản lý... bảo mật cao Tốc độ nhanh: Đánh giá chung nhà phát triển cho MySQL sở liệu nhanh Đây nơi để website trao đổi thường xuyên liệu có engine xử lý tốc độ cao Khả chèn liệu cực nhanh hỗ trợ mạnh mẽ chức