Xây dựng website đăng kí tín chỉ bằng kỹ thuật ajax

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC KHÓA LUẬN TỐT NGHIỆP Đề tài: XÂY DỰNG WEBSITE ĐĂNG KÝ TÍN CHỈ BẰNG KỸ THUẬT AJAX Giáo viên hướng dẫn Sinh viên thực Chuyên ngành Lớp : Th.S Ngơ Đình Thưởng : Lê Sơn Ngà : Cử nhân Công nghệ thông tin : 11 CNTT2 Đà Nẵng, 5/2015 LỜI CẢM ƠN Để hồn thành khóa luận này, trước hết em xin gửi lời cảm ơn chân thành đến thầy cô giảng viên khoa Tin học - Trường Đại học Sư phạm Đà Nẵng dìu dắt chúng em từ ngày đầu chập chững vào trường đến hôm Với dạy dỗ tận tình truyền đạt kiến thức trình học tập trường khơng tảng cho q trình nghiên cứu khóa luận mà cịn hành trang q báu để em bước vào đời cách vững tự tin Để đạt kết này, em xin gửi lời cảm ơn sâu sắc đến thầy Ngơ Đình Thưởng nhiệt tình bảo, quan tâm, định hướng giúp em hồn thành khóa luận tốt nghiệp Cuối cùng, xin cảm ơn bạn bè, gia đình, người thân bên cạnh động viên, giúp đỡ q trình làm khóa luận tốt nghiệp Trong q trình thực hiện, cố gắng nỗ lực song kiến thức kinh nghiệm thân hạn chế nên khơng tránh sai sót, mong q thầy bỏ qua góp ý để đề tài hoàn thiện Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngơ Đình Thưởng LỜI CAM ĐOAN Tơi xin cam đoan : Những nội dung đồ án em tự thực hướng dẫn trực tiếp thầy Ngơ Đình Thưởng Mọi tham khảo dùng luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm Quy chế đào tạo, hay gian trá tơi xin chịu hồn tồn trách nhiêm Đà Nẵng, tháng năm 2015 Sinh viên thực Lê Sơn Ngà Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngơ Đình Thưởng MỤC LỤC MỞ ĐẦU 1 Lý chọn đề tài Mục đích nghiên cứu Đối tượng phạm vi nghiên cứu Phương pháp nghiên cứu Mục tiêu cần đạt CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 TỔNG QUAN VỀ MƠ HÌNH ỨNG DỤNG WEB 1.1.1 Khái niệm World Wide Web 1.1.2 Khái niệm Client-Server 1.1.3 Cách tạo trang web 1.2 TỔNG QUAN VỀ NGÔN NGỮ HTML 1.2.1 Giới thiệu ngôn ngữ HTML 1.2.2 Cấu trúc ngôn ngữ HTML 1.2.3 Cấu trúc thành phần HTML 1.3 TỔNG QUAN VỀ JAVASCRIPT 1.3.1 Giới thiệu Javascript 1.3.2 Cách sử dụng Javascript Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngô Đình Thưởng 1.4 TỔNG QUAN VỀ CSS 1.4.1 Giới thiệu CSS 1.4.2 Cú pháp CSS 10 1.4.3 Cách sử dụng CSS 10 1.5 TỔNG QUAN VỀ NGƠN NGỮ LẬP TRÌNH PHP 12 1.5.1 Giới thiệu ngơn ngữ lập trình PHP 12 1.5.2 Ưu điểm PHP 13 1.5.3 Cú pháp PHP 13 1.5.4 Cách sử dụng PHP 13 1.6 TỔNG QUAN VỀ CƠ SỞ DỮ LIỆU MYSQL 14 1.6.1 Giới thiệu MySql 14 1.6.2 Một số đặc điểm MySql 15 1.7 TỔNG QUAN VỀ AJAX 15 1.7.1 Giới thiệu Ajax 15 1.7.2 Cơ chế hoạt động Ajax 17 1.7.3 Đối tượng XMLHttpRequest 18 1.7.4 Ví dụ Ajax 21 CHƯƠNG 27 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 27 2.1 GIỚI THIỆU CHUNG 27 2.1.1 Ý tưởng 27 2.1.2 Khảo sát trạng 27 Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngô Đình Thưởng 2.1.3 Phác thảo chức 28 2.1.4 Yêu cầu hệ thống 29 2.2 PHÂN TÍCH VÀ THIẾT KẾ 30 2.2.1 Các tác nhân 30 2.2.2 Sơ đồ Use-Case 30 2.2.3 Đặc tả Use-Case 32 2.2.4 Biểu đồ lớp 34 2.2.5 Biểu đồ 35 2.2.6 Cơ sở liệu 37 CHƯƠNG 41 SẢN PHẨM THỰC HIỆN 41 3.1 TRANG CHỦ 41 3.2 TRANG ĐĂNG NHẬP 41 3.3 TRANG ĐĂNG KÝ TÍN CHỈ 42 Quy định đăng ký 42 3.3.1 3.3.2 Cơ chế hoạt động 43 3.3.3 Mã nguồn đăng ký học phần 43 3.3.4 Hình ảnh sản phẩm 48 3.4 XEM THỜI KHÓA BIỂU 48 3.4.1 Cơ chế hoạt động 48 3.4.2 Mã nguồn xem thời khóa biểu 48 3.4.3 Hình ảnh sản phẩm 51 Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngơ Đình Thưởng 3.5 XEM KẾT QUẢ HỌC TẬP 51 3.5.1 Cơ chế hoạt động 51 3.5.2 Mã nguồn kết học tập 51 3.5.3 Hình ảnh sản phẩm 54 3.6 HƯỚNG PHÁT TRIỂN 54 KẾT LUẬN 55 Kết đạt 55 Hạn chế 55 TÀI LIỆU THAM KHẢO 56 Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngơ Đình Thưởng DANH MỤC HÌNH Hình 1.1: Mơ hình ứng dụng web Hình 1.2: Mơ hình client-server Hình 1.3: Cú pháp CSS 10 Hình 1.4: Mơ hình tương tác client/server truyền thống 17 Hình 1.5: Mơ hình tương tác client/server sử dụng Ajax 18 Hình 1.6: So sánh quy trình hoạt động Website truyền thống Website sử dụng Ajax 18 Hình 1.7: Giao diện nhập hai số 25 Hình 1.8: Kết thực 26 Hình 2.1: Sơ đồ Use-Case quản trị viên 30 Hình 2.2: Sơ đồ Use-Case sinh viên 31 Hình 2.3: Sơ đồ Use-Case khách vãng lai 32 Hình 2.4: Biểu đồ lớp 34 Hình 2.5: Biểu đồ đăng nhập 35 Hình 2.6: Biểu đồ thêm học phần 35 Hình 2.7: Biểu đồ đăng ký học phần 36 Hình 2.8: Biểu đồ quản lý kết học tập 36 Hình 2.9: Biểu đồ xem điểm 37 Hình 2.10: Sơ đồ liệu quan hệ 40 Hình 3.1: Giao diện trang chủ 41 Hình 3.2: Giao diện trang đăng nhập 41 Hình 3.3: Giao diện đăng ký tín 48 Hình 3.4: Giao diện xem thời khóa biểu 51 Hình 3.5: Giao diện xem kết học tập 54 Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngơ Đình Thưởng DANH MỤC BẢNG Bảng 1.1: Cấu trúc trang HTML Bảng 1.2: Các tham số phương thức open 21 Bảng 2.1: Phác thảo chức hệ thống 29 Bảng 2.2: Bảng sv 37 Bảng 2.3: Bảng gv 38 Bảng 2.4: Bảng ng 38 Bảng 2.5: Bảng kh 38 Bảng 2.6: Bảng hp 38 Bảng 2.7: Bảng tk 39 Bảng 2.8: Bảng kq 39 Bảng 2.9: Bảng dk 39 Bảng 2.10: Bảng tmp 39 Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngơ Đình Thưởng Trang MỞ ĐẦU Lý chọn đề tài Từ ngày đầu Bộ Giáo Dục-Đào Tạo đưa Quy chế 43 năm 2007, đến năm Đăng ký tín trở thành thuật ngữ quen thuộc, giúp sinh viên quản lý thời gian học, lựa chọn giảng viên phù hợp lớp học Cùng với phát triển nhanh chóng cơng nghệ thơng tin, chiếm vị trí quan trọng cách ngành khoa học cơng nghệ Cũng lẽ đó, Internet vào lĩnh vực sống thường nhật, khiến trở thành phần khơng thể thiếu sống Để bắt kịp xu hướng chung thời đại công nghệ phát triển, đại đa số trường đại học, cao đẳng nước áp dụng việc đăng ký tín nên hệ thống đăng ký tín Website thơng qua Internet điều cần thiết Bắt nguồn từ điều quen thuộc với sinh viên chúng em nhất, kết hợp với kiến thức thu suốt năm học qua vào xây dựng website thực tiễn để hồn thành khóa luận tốt nghiệp, em chọn đề tài xây dựng website đăng ký tín Được hướng dẫn thầy Ngơ Đình Thưởng, em chọn đề tài có tên: “Xây dựng website đăng ký tín kỹ thuật Ajax” Mục đích nghiên cứu Có mục đích em chọn đề tài này: - Tìm hiểu nghiên cứu công nghệ: o Thiết kế Website HTML, PHP MySql o Kỹ thuật Ajax Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngơ Đình Thưởng Trang 42 3.3 TRANG ĐĂNG KÝ TÍN CHỈ 3.3.1 Quy định đăng ký Theo Quy chế 43 Bộ Giáo Dục Đào Tạo, sinh viên đăng ký học phần phải thỏa mãn điều kiện sau: - Việc đăng ký học phần học cho học kỳ phải đảm bảo điều kiện tiên quyết, học trước học phần trình tự học tập chương trình cụ thể Trong trường hợp sinh viên vi phạm thứ tự học tập xem xét được, bị hủy kết học tập học phần vi phạm.Ngoài thời hạn đăng ký khối lượng học tập học kỳ quy định, sinh viên khơng hồn thành việc đăng ký coi tự ý bỏ học bị xoá tên khỏi danh sách sinh viên - Việc đăng ký học thêm, thay đổi sang học phần khác khơng có lớp, rút bớt tín chỉ chấp thuận hai tuần đầu học kỳ Việc rút bớt tín sinh viên học lực yếu thực tuần công bố kết xét học vụ học kỳ trước Khi rút bớt tín chỉ, tổng số tín cịn lại sinh viên xếp loại học lực bình thường học kỳ trước liền kề không 14 tín chỉ; sinh viên xếp loại học lực yếu học kỳ trước liền kề không 10 tín khơng vượt mức tối đa 14 tín chỉ.Ngồi thời hạn trên, học phần đăng ký giữ phiếu đăng ký học, sinh viên không theo học xem tự ý bỏ học phải nhận điểm F - Những sinh viên có học phần bắt buộc bị điểm F phải đăng ký học lại học phần học kỳ đạt điểm A, B, C D Báo cáo luận văn tốt nghiệp GVHD: Th.S Ngơ Đình Thưởng Trang 43 - Sinh viên có học phần tự chọn bị điểm (D, C) đăng ký học lại để cải thiện điểm trung bình chung tích lũy Điểm tích lũy cuối học phần điểm cao lần học 3.3.2 Cơ chế hoạt động Khi sinh viên đăng nhập thành công chọn “Đăng ký học phần”, bảng chọn học phần Hệ thông tiến hành kiểm tra sinh viên đăng ký hay chưa: - Nếu đăng ký: hiển thị thông báo đăng ký bảng học phần đăng ký - Nếu chưa: Sinh viên tiến hành đăng ký cách check vào textbox học phần muốn đăng ký Hệ thống gửi yêu cầu đến server để kiểm tra hợp lệ việc đăng ký điều kiện tiên quyết, trùng thời khóa biểu, tổng số tín phép đăng ký… sau gửi kết để hiển thị thông báo khu vực kết - Sau chọn xong học phần đăng ký, sinh viên nhấn nút đăng ký để hoàn tất thủ tục Lúc này, hệ thống gửi liệu đến server để lưu vào sở liệu 3.3.3 Mã nguồn đăng ký học phần