Xây dựng website lớp học lập trình trực tuyến

ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ tế H uế - - nh KHÓA LUẬN TỐT NGHIỆP Ki XÂY DỰNG WEBSITE LỚP HỌC Đ ại họ c LẬP TRÌNH TRỰC TUYẾN GVHD: ThS Trần Thái Hòa SVTH: Võ Thị Ngọc Hiền Lớp: K47 Tin Học Kinh Tế Niên khóa: 2013 - 2017 Mã SV: 13K4081031 Huế, tháng 5/2017 Lời Cảm Ơn Đ ại họ c Ki nh tế H uế Để thực khóa luận này, em xin gửi lời cảm ơn chân thành đến Trường Đại Học Kinh Tế - Đại Học Huế, tồn thầy giáo, bạn bè giúp đỡ em thực đề tài cách thuận lợi Trước tiên, em xin cảm ơn Nhà trường tạo điều kiện thuận lợi để em hồn thành chương trình khóa luận Em xin cảm ơn đến anh chị bạn bè công ty TNHH Phần mềm FPT Đà Nẵng Đây hội để em có dịp giao lưu, học hỏi kiến thức, kinh nghiệm quý giá chuyên môn sống Những hành trang tài sản vơ giá nâng bước cho em tới với thành công tương lai Em xin gửi lời cảm ơn chân thành đến Thạc sĩ Trần Thái Hòa, giảng viên Khoa Hệ Thống Thơng Tin Kinh Tế tận tình hướng dẫn, giúp đỡ em nhiều từ bước ban đầu khóa luận hồn thành tốt Cuối em xin cảm ơn đến tất quý thầy cô giáo Khoa Hệ Thống Thông Tin Kinh Tế, đến gia đình người thân tất bạn bè đóng góp ý kiến giúp đỡ cho đề tài em hoàn thành tốt đẹp Trong trình thực đề tài, kiến thức thời gian có hạn nên khơng tránh khỏi sai sót Mong q thầy, giáo thơng cảm góp ý để em hồn thiện đề tài, có thêm kiến thức, hành trang vững đường phía trước Em xin chân thành cảm ơn! Huế, ngày 11 tháng năm 2017 Sinh viên Võ Thị Ngọc Hiền NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN uế H tế nh Ki Đ ại họ c Huế, ngày… tháng….năm 2017 GIÁO VIÊN HƯỚNG DẪN (Ký tên ghi họ tên) NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN uế H tế nh Ki Đ ại họ c Huế, ngày… tháng… năm 2017 GIÁO VIÊN HƯỚNG DẪN (Ký tên ghi họ tên) MỤC LỤC MỞ ĐẦU 1 Lý lựa chọn đề tài Mục tiêu nghiên cứu Đối tượng phạm vi nghiên cứu Phương pháp nghiên cứu Nội dung khóa luận: CHƯƠNG 1: CƠ SỞ LÝ THUYẾT Giới thiệu ngơn ngữ lập trình Java uế 1.1.Java gì? 1.2.Lịch sử phát triển ngơn ngữ lập trình Java H 1.3.Đặc điểm bật ngơn ngữ lập trình Java tế Môi trường phát triển tích hợp Eclipse nh 2.1.Eclipse gì? 2.2.Các tính Elipse Ki 2.3.Ưu điểm, nhược điểm Eclipse c Mô hình MVC họ 3.1.Khái niệm mô hình MVC 3.2.Các thành phần MVC ại 3.3.Sự tương tác lớp mô hình MVC Đ Framework Struts 4.1.Khái niệm Framework Struts 4.2.Cấu trúc Framework Struts Tổng quan hệ quản trị sở liệu MS SQL 10 5.1.SQL ngôn ngữ sở liệu quan hệ 10 5.2.Hệ quản trị sở liệu SQL Server 10 CHƯƠNG 2: PHÂN TÍCH, THIẾT KẾ HỆ WEBSITE LỚP HỌC LẬP TRÌNH TRỰC TUYẾN 11 Mô tả hệ thống 11 Đặc tả yêu cầu, chức hệ thống 11 2.1.Yêu cầu chức Website 11 2.2.Yêu cầu chất lượng 12 2.3.Yêu cầu đối tượng 12 2.4.Yêu cầu website 12 Biểu đồ Use Case 13 3.1.Chức xem trang chủ 13 3.2.Chức quản lý Category 14 3.3.Chức quản lý Menu 15 3.4.Chức quản lý Subject 15 uế 3.5.Chức quản lý Problem 16 3.6.Chức quản lý Editorial 16 H 3.7.Chức quản lý Tutorial 17 tế 3.8.Chức quản lý Testcase 17 nh 3.9.Chức quản lý TutorialCode 18 3.10.Chức quản lý Submit 18 Ki 3.11.Chức quản lý User 19 c 3.12.Chức quản lý Code 19 họ 3.13.Chức quản lý Status 20 3.14.Chức quản lý LeaderBoard 20 ại 3.15.Chức thống kê 20 Đ Mơ hình hóa hệ thống 21 4.1.Biểu đồ (sequence diagram) 21 4.1.1.Biểu đồ đăng nhập 21 4.1.2.Biểu đồ đăng ký thành viên 22 4.1.3.Biểu đồ đăng xuất 23 4.1.4.Biểu đồ Category 24 4.1.5.Biểu đồ Code 24 4.1.6.Biểu đồ Editorial 25 4.1.7.Biểu đồ LeaderBoard 25 4.1.8.Biểu đồ Menu 26 4.1.9.Biểu đồ Problem 26 4.1.10.Biểu đồ Status 27 4.1.11.Biểu đồ Subject 27 4.1.12.Biểu đồ Submit 28 4.1.13.Biểu đồ Testcase 28 4.1.14.Biểu đồ Tutorial 29 4.1.15.Biểu đồ TutorialCode 29 4.1.16.Biểu đồ User 30 4.2.Biểu đồ lớp (class diagram) 31 uế 4.2.1.Biểu đồ lớp Category 32 4.2.2.Biểu đồ lớp Editorial 32 H 4.2.3.Biểu đồ lớp Code 33 tế 4.2.4.Biểu đồ lớp Menu 33 nh 4.2.5.Biểu đồ lớp LeaderBoard 34 4.2.6.Biểu đồ lớp Status 34 Ki 4.2.7.Biểu đồ lớp Submit 35 c 4.2.8.Biểu đồ lớp Subject 35 họ 4.2.9.Biểu đồ lớp Testcase 36 4.2.10 Biểu đồ lớp Tutorial 36 ại 4.2.11 Biểu đồ lớp TutorialCode 37 Đ 4.2.12 Biểu đồ lớp User 37 4.2.13 Biểu đồ lớp Problem 38 Thiết kế hệ thống 38 5.1.Thiết kế sở liệu 38 5.1.1.Mô tả thực thể 38 5.1.1.1.Thực thể: Menu 38 5.1.1.2.Thực thể: Categories 38 5.1.1.3.Thực thể: Subject 39 5.1.1.4.Thực thể Problem 39 5.1.1.5.Thực thể Tutorial 39 5.1.1.6.Thực thể Editorial 40 5.1.1.7.Thực thể Submit 40 5.1.1.8.Thực thể Testcase 40 5.1.1.9.Thực thể TutorialCode 41 5.1.1.10.Thực thể user 41 5.1.1.11.Thực thể Code 41 5.1.1.12.Thực thể Leaderboard 41 5.1.1.13.Thực thể Status 42 5.1.2.Mối liên kết thực thể 42 uế 5.1.2.1.Menu Categories 42 H 5.1.2.2.Categories, Tutorial Subject 42 5.1.2.3.Tutorial TutorialCode 43 tế 5.1.2.4.Subject, Editorial, Submit, Testcase, Problem 44 nh 5.1.2.5.Submit, Code LeaderBoard 45 5.1.2.6.User, Submit Status 45 Ki 5.1.3.Mô tả bảng 46 c 5.1.3.1.Bảng Menu 46 họ 5.1.3.2.Bảng Categories 46 5.1.3.3.Bảng Subject 47 ại 5.1.3.4.Bảng Problem 47 Đ 5.1.3.5.Bảng Tutorial 48 5.1.3.6.Bảng Editorial 48 5.1.3.7.Bảng Testcase 48 5.1.3.8.Bảng TutorialCode 49 5.1.3.9.Bảng User 49 5.1.3.10.Bảng Submit 50 5.1.3.11.Bảng Code 50 5.1.3.12.Bảng LeaderBoard 50 5.1.3.13.Bảng Status 50 5.2.Sơ đồ thực thể mối quan hệ 51 CHƯƠNG 3: CÀI ĐẶT, ĐÁNH GIÁ WEBSIE LỚP HỌC LẬP TRÌNH TRỰC TUYẾN 52 Môi trường cài đặt 52 2.Thiết kế giao diện 53 2.1.Đăng nhập 53 2.2.Đăng ký 53 2.3.Giao diện trang chủ 54 2.4.Giao diện trang quản trị 59 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 64 uế Kết đạt 64 H Hướng phát triển đề tài 64 Đ ại họ c Ki nh tế TÀI LIỆU THAM KHẢO 66 DANH MỤC BẢNG Bảng 2.1: Bảng Menu 46 Bảng 2.2: Bảng Categories 46 Bảng 2.3: Bảng Subject 47 Bảng 2.4: Bảng Problem 47 Bảng 2.5: Bảng Tutorial 48 Bảng 2.6: Bảng Editorial 48 Bảng 2.7: Bảng Testcase 48 Bảng 2.8: Bảng TutorialCode 49 uế Bảng 2.9: Bảng User 49 H Bảng 2.10: Bảng Submit 50 Bảng 2.11: Bảng Code 50 tế Bảng 2.12: Bảng LeaderBoard 50 Đ ại họ c Ki nh Bảng 2.13: Bảng Status 50 Khóa luận tốt nghiệp GVHD: Th.S Trần Thái Hòa tế H uế 2.4.9 Giao diện quản lý TutorialCode Hình 3.21: Giao diện quản lý TutorialCode Đ ại họ c Ki nh 2.4.10.Giao diện quản lý Submit Hình 3.22: Giao diện quản lý Submit Sinh viên thực hiện: Võ Thị Ngọc Hiền Page 63 Khóa luận tốt nghiệp GVHD: Th.S Trần Thái Hịa KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Qua tháng thực đề tài, tác giả tích lũy kinh nghiệm để xây dựng website hồn chỉnh Bên cạnh đó, q trình khảo sát thực hiện, thân tác giả kinh nghiệm chưa tốt nên sơ sở liệu nhiều điểm chưa hợp lý việc viết code cịn nhiều thiếu sót dẫn đến website làm cịn hạn chế mặt chức Qua q trình thực đề tài tác giả đạt kết qua sau uế • Về thân H - Củng cố nâng cao tư khả lập trình web với Java - Biết quy trình xây dựng website hồn chỉnh tế - Áp dụng nhiều công nghệ, framework, Cloud Service, để hỗ trợ cho nh việc xây dựng website Ki • Về website: Xây dựng website xử lý tác vụ nhanh chóng với giao diện trực quan, đơn giản dễ sử dụng với người Đồng thời website thực c chức năng: họ - Đăng ký, đăng nhập ại - Thực chức học giải đề thi người dùng Đ - Chức gợi ý đáp án đề thi - Chức xem điểm thành viên với đề thi - Chức xếp hạng danh sách điểm thành viên - Chức quản lý danh mục học, thi, tài khoản dành cho admin Hướng phát triển đề tài Do thời gian kiến thức có hạn nên đề tài cịn số hạn chế định Trong thời gian tới, đề tài phát triển tốt hơn, vượt trội với tính như: - Cải thiện giao diện bắt mắt thu hút người dùng hơn, tránh vỡ giao diện nhiều trình duyệt Sinh viên thực hiện: Võ Thị Ngọc Hiền Page 64 Khóa luận tốt nghiệp GVHD: Th.S Trần Thái Hịa - Người dùng đăng nhập vào trang web tài khoản Facebook google - Người dùng đăng nhập chát trực tuyến với - Những thi xếp theo mức độ từ dễ đến khó, người dùng Đ ại họ c Ki nh tế H uế thi theo mức độ xếp Sinh viên thực hiện: Võ Thị Ngọc Hiền Page 65 Khóa luận tốt nghiệp GVHD: Th.S Trần Thái Hòa TÀI LIỆU THAM KHẢO Giáo trình lập trình Java, Huỳnh Ngọc Tín, Nguyễn Trác Thức, Tơn Thất Hịa An, NXB Đại học quốc gia TP Hồ Chí Minh Giáo trình SQL, Trần Nguyên Phong, Khoa CNTT-Trường ĐHKT Huế, 2004 Trang web: https://duyanhweb.com/eclipse-la-gi-huong-dan-cai-dat- eclipse.html Trang web: https://voer.edu.vn/m/bieu-do-use-case/172a8afc Trang web: https://www.w3schools.com/ uế Trang web: http://hoclaptrinhweb.org/lap-trinh/hoc-java Đ ại họ c Ki nh tế H Trang web: https://www.tutorialspoint.com/ Sinh viên thực hiện: Võ Thị Ngọc Hiền Page 66 Khóa luận tốt nghiệp GVHD: Th.S Trần Thái Hòa PHỤ LỤC nh tế H uế Biểu đồ chức chưa có báo cáo thực tập Đ ại họ c Ki Biểu đồ thêm Categories Biểu đồ sửa Categories Sinh viên thực hiện: Võ Thị Ngọc Hiền Page 67 GVHD: Th.S Trần Thái Hịa H uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế Biểu đồ thêm Code Biểu đồ sửa Code Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hòa uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế H Biểu đồ thêm Editorial Biểu đồ sửa Editorial Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hịa H uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế Biểu đồ thêm Menu Biểu đồ sửa Menu Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hòa H uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế Biểu đồ thêm Problem Biểu đồ sửa Problem Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hịa uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế H Biểu đồ thêm Subject Biểu đồ sửa Subject Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hịa H uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế Biểu đồ thêm Submit Biểu đồ sửa Submit Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hòa H uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế Biểu đồ thêm Testcase Biểu đồ sửa Testcase Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hịa H uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế Biểu đồ thêm Tutorial Biểu đồ sửa Tutorial Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hòa tế H uế Khóa luận tốt nghiệp Đ ại họ c Ki nh Biểu đồ thêm TutorialCode Biểu đồ sửa TutorialCode Sinh viên thực hiện: Võ Thị Ngọc Hiền GVHD: Th.S Trần Thái Hịa H uế Khóa luận tốt nghiệp Đ ại họ c Ki nh tế Biểu đồ thêm User Biểu đồ sửa User Sinh viên thực hiện: Võ Thị Ngọc Hiền ... thi ngơn ngữ Chính lý đó, tơi chọn “ Xây dựng website lớp học lập trình trực tuyến” làm hướng nghiên cứu cho đề tài Mục tiêu nghiên cứu Xây dựng hệ thống website Lớp học lập trình trực tuyến... kiếm, nghiên cứu tài liệu, sách liên quan đến đề tài, website tương tự để đánh giá ưu nhược điểm, cách thức hoạt động website Từ đưa mơ hình website lớp học lập trình trực tuyến có nội dung xác... Th.S Trần Thái Hịa CHƯƠNG 2: PHÂN TÍCH, THIẾT KẾ HỆ WEBSITE LỚP HỌC LẬP TRÌNH TRỰC TUYẾN Mơ tả hệ thống Website lớp học lập trình trực tuyến xây dựng nhằm hướng đến đối tượng học sinh, sinh viên,