Đề tài: Xây dựng website phòng công tác sinh viên

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT VINH KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP Tên đề tài: XÂY DỰNG WEBSITE PHỊNG CƠNG TÁC SINH VIÊN – TRƯỜNG ĐHSPKT VINH Giáo viên hướng dẫn: Sinh viên thực hiện: Ngành: Công nghệ thông tin Lớp: DHCTTCK11Z NGHỆ AN - 2020 TRƯỜNG ĐHSP KỸ THUẬT VINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh phúc NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Hệ đào tạo :Đại học quy Lớp: DHCTTCK11Z Ngành: Cơng nghệ thơng tin Khoa: Công nghệ thông tin Tên đề tài: Xây dựng website phòng Cơng tác sinh viên – Trường DHSPKT Vinh Nội dung đồ án - Đồ án chia làm chương: - Chương 1: Giới thiệu lựa chọn cơng nghệ - Chương 2: Phân tích, thiết kế hệ thống - Chương 3: Xây dựng website phòng Công tác sinh viên – Trường Đại học Sư phạm Kỹ thuật Vinh Giáo viên hướng dẫn phần: - Thống tên đề tài, cung cấp danh mục tài liệu tham khảo - Xây dựng đề cương - Kiểm tra, đánh giá kết nội dung nghiên cứu - Viết báo cáo tổng kết Ngày giao nhiệm vụ luận văn tốt nghiệp Ngày 05 tháng 12 năm 2019 Trưởng Bộ môn Giáo viên hướng dẫn (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) Nhiệm vụ luận văn tốt nghiệp Hội đồng Khoa thông qua Ngày .tháng .năm 20 Trưởng khoa (Ký ghi rõ họ tên) Sinh viên hoàn thành nộp luận văn tốt nghiệp cho Hội đồng Khoa ngày tháng năm 20 Sinh viên làm luận văn tốt nghiệp (Ký ghi rõ họ tên) LỜI CẢM ƠN Em xin trân trọng cảm ơn giúp đỡ thầy, cô trường Đại học Sư phạm Kỹ thuật Vinh giảng dạy, truyền đạt kiến thức hỗ trợ điều kiện học tập cho em Để có kết hơm nay, em xin tỏ lòng biết ơn đến gia đình, bạn bè động viên, giúp đỡ, chia sẻ khó khăn để em hoàn thành nhiệm vụ học tập, nghiên cứu Xin chân thành cảm ơn! Nghệ An, ngày……tháng……năm 2020 Sinh viên thực MỤC LỤC CHƯƠNG GIỚI THIỆU VÀ LỰA CHỌN CÔNG NGHỆ .1 1.1 Giới thiệu công nghệ web - based 1.2 Giới thiệu Word Wide Web 1.3 Giao thức HTTP HTTPS 13 1.4 Giao thức FTP 15 1.5 Tổng quan PHP 17 1.5.1 Lịch sử phát triển 17 1.5.2 Các lệnh 20 1.5.3 Xuất giá trị trình duyệt 21 1.5.4 Biến, hằng, chuỗi kiểu liệu 21 1.5.5 Các phương thức sử dụng lập trình PHP .23 1.5.6 Cookie Session 24 1.5.7 Hàm 26 1.6 Tổng quan MySQL .27 1.6.1 Định nghĩa 27 1.6.2 Đặc điểm MySQL 28 1.6.3 Loại liệu MySQL 28 1.6.4 Những cú pháp 30 CHƯƠNG PHÂN TÍCH, THIẾT KẾ HỆ THỐNG 34 2.1 Phân tích yêu cầu đề tài 34 2.2 Yêu cầu giao diện website 34 2.2.1 Giao diện người dùng 34 2.2.2 Giao diện người quản trị .34 2.3 Phân tích chức hệ thống 35 2.3.1 Chức người dùng 35 2.3.2 Chức Adminstrator .36 2.4 Biểu đồ phân tích thiết kế hệ thống 37 2.5 Các tổ chức liệu thiết kế chương trình cho trang web 37 CHƯƠNG XÂY DỰNG WEBSITEPHỊNG CƠNG TÁC SINH VIÊN – TRƯỜNG ĐHSPKT VINH 40 3.1 Thiết kế bảng CSDL 40 3.2 Thiết kế giao diện 41 KẾT LUẬN 50 Kết đạt 50 Hạn chế 50 Hướng nghiên cứu phát triển 50 TÀI LIỆU THAM KHẢO 51 Một số trang web tham khảo: 51 DANH MỤC HÌNH Ả Hình 1.1: Giao thức HTTP .14 Hình 1.2: Giao thức HTTPS 15 Hình 1.3: Giao thức FTP 16 Hình 1.4: Mơ hình hoạt động giao thức FTP 16 Hình 1.5: Các kiểu liệu PHP 23 Hình 1.6: Mơ tả câu lệnh tạo bảng 31 Hình 1.7: Mơ tả câu lệnh thêm liệu vào bảng 31 Hình 1.8: Mơ tả câu lệnh xóa bảng 32 Hình 1.9: Mơ tả câu lệnh xuất liệu 33 Hình 2.1: Biểu đồ hệ thống 37Y Hình 3.1: Tổng quan csdl webiste .40 Hình 3.2: Bảng "datlich" lưu thông tin người đặt lịch .40 Hình 3.3: Bảng "loaitin" lưu thơng tin loại tin 40 Hình 3.4: Bảng "theloai" lưu thơng tin thể loại 41 Hình 3.5: Bảng "tin" lưu thông tin viết 41 Hình 3.6: Bảng "traloi" lưu thông tin phần trả lời 41 Hình 3.7: Bảng "users" lưu thông tin account đăng nhập 41 Hình 3.8: Minh họa giao diện trang chủ 42 Hình 3.9: Minh họa giao diện phần chi tiết tin thể loại 43 Hình 3.10: Minh họa giao diện phần đặt lịch hẹn 44 Hình 3.11: Minh họa giao diện phần tìm kiếm kết 44 Hình 3.12: Minh họa giao diện chi tiết kết 45 Hình 3.13: Minh họa giao diện trang đăng nhập 46 Hình 3.14: Minh họa giao diện trang quản trị phần tin tức .47 Hình 3.15: Minh họa giao diện trang quản trị phần quản lý lịch hẹn 48 Hình 3.16: Minh họa giao diện trang quản trị phần chi tiết lịch hẹn .49 DANH MỤC BẢNG Bảng 1.1: so sánh cookie session .26 Bảng 2.1: tin tức .37 Bảng 2.2: loại tin 38 Bảng 2.3: thể loại 38 Bảng 2.4: đặt lịch 38 Bảng 2.5: trả lời: 39 Bảng 2.6: thành viên: .39 LỜI MỞ ĐẦU Chúng ta sống thời đại mới, thời đại phát triển mạnh mẽ công nghiệp Công nghệ thông tin đến với người dân, người quản lý, nhà khoa học, người nông dân, bà nội trợ, học sinh tiểu học Khơng có lĩnh vực nào, khơng có nơi khơng có mặt cơng nghệ thơng tin Cơng nghệ thông tin động lực quan trọng phát triển, coi ngành ảnh hưởng mạnh mẽ đến toàn sinh hoạt người, đến ngành lĩnh vực sống Sự phát triển nhảy vọt công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính tồn cầu mà kết nối máy tính cá nhân họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thơng tin lĩnh vực văn hóa, xã hội, trị, kinh tế Trong thời đại ngày nay, thời đại mà “người người làm web, nhà nhà làm web” việc có website khơng điều xa lạ Thơng qua website người dùng thực thao tác mà cần cách nhanh chóng hiệu Với cơng nghệ word wide web, hay gọi web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với cơng cụ ngơn ngữ lập trình khác Sự đời ngôn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Qua năm học trường đại học SPKT Vinh Nhận thấy website phòng cơng tác sinh viên trường thiếu số chức Vì em định thực đồ án với đề tài “xây dựng website phòng cơng tác sinh viên – trường ĐHSPKT Vinh” em muốn hồn thiện bổ sung chức khác vào website phòng cơng tác sinh viên trường, để trở nên hoàn thiện tiện lợi cho người dùng Website phòng cơng tác học sinh – sinh viên - - CHƯƠNG GIỚI THIỆU VÀ LỰA CHỌN CÔNG NGHỆ 1.1 Giới thiệu công nghệ web - based Trong kỹ thuật phần mềm, ứng dụng web hay webapp trình ứng dụng mà tiếp cận qua web thông qua mạng Internet hay intranet Ứng dụng web phổ biến nhờ vào có mặt vào nơi đâu chương trình Khả cập nhật bảo trì ứng dụng Web mà khơng phải phân phối cài đặt phần mềm hàng ngàn máy tính lý cho phổ biến Ứng dụng web dùng để thực Webmail, bán hàng trực tuyến, đấu giá trực tuyến, wiki, diễn đàn thảo luận, Weblog, MMORPG, Hệ quản trị nội dung, Phần mềm quản lý nguồn nhân lực nhiều chức khác Lịch sử: Trong dạng tính tốn chủ-khách trước đây, ứng dụng có chương trình khách riêng phục vụ giao diện người dùng phải cài đặt riêng rẽ máy tính cá nhân người dùng Sự nâng cấp phần máy chủ ứng dụng cần nâng cấp tất máy khách cài máy trạm người dùng, thêm vào chi phí hỗ trợ giảm suất.Ngược lại, ứng dụng web linh hoạt tạo loạt tài liệu Web định dạng chuẩn hỗ trợ trình duyệt phổ biến HTML/XHTML Ngơn ngữ kịch phía người dùng dạng ngôn ngữ chuẩn JavaScript thường thêm vào để có thêm yếu tố động giao diện người dùng Nói chung, trang Web đơn lẻ gửi tới người dùng tài liệu ổn định, thứ tự trang cung cấp cảm giác trực quan, người dùng nhập vào trả thông qua thành phần mẫu Web nhúng vào đánh dấu trang Trong trình giao dịch đó, trình duyệt Web thơng dịch hiển thị trang, hoạt động người dùng chung cho ứng dụng Web Giao diện: Giao diện web đặt giới hạn khả người dùng Thông qua Java, JavaScript, DHTML, Flash công nghệ khác, phương pháp ứng dụng có vẽ hình, chơi nhạc, dùng bàn phím chuột tất thực Những kỹ thuật thơng thường kéo thả hỗ trợ công nghệ Những nhà phát triển web thường dùng ngôn ngữ kịch phía người dùng để thêm hiệu tính năng, đặc biệt tạo cảm giác giao tiếp trực quan mà không cần phải tải trang lại (điều mà nhiều người dùng cảm thấy ngắt qng) Vừa rồi, SVTH: Website phòng cơng tác học sinh – sinh viên 2.4 Biểu đồ phân tích thiết kế hệ thống Hình 2.1: Biểu đồ hệ thống 2.5 Các tổ chức liệu thiết kế chương trình cho trang web Việc tổ chức liệu phải giải yêu cầu phân tích để lúc hiển thị lên trang Web có giao diện dễ nhìn, dễ dàng, hấp dẫn người xem Một phương pháp sử dụng rộn rãi từ trước đến quản lí theo thể loại Mỗi thể loại có id thể loại tên thể loại để nhận biết Đối với Website này, với viết, viết tương ứng với id tin, id thể loại id loại tin mã làm khóa bảng đặt lịch hẹn Sau số bảng sở liệu tồn sở liệu: Bảng 2.1: tin tức (tin) Dùng để quản lý tin tức Name idTin TieuDe TieuDe_KhongDau TomTat urlHinh SVTH: Type Int(11) Varchar(255) Varchar(255) Varchar(1000) Varchar(255) Null No No No Yes Yes 39 Chú thích Mã tin Tiêu đề Tiêu đề khơng dấu Tóm tắt Hình ảnh Website phòng công tác học sinh – sinh viên Ngay Content idLT idTL SoLanXem Date Text Int(11) Int(11) Int(11) Yes Yes No Yes Yes Ngày Nội dung Mã loại tin Mã thể loại Số lần xem Bảng 2.2: loại tin (loaitin) Dùng để quản lý loại tin Name Type idLT Ten Ten_KhongDau Int(11) Varchar(100) Varchar(255) No No No ThuTu idTL Tinyint(11) Int(11) No No Null Chú thích Mã loại tin Tên loại tin Tên loại tin không dấu Thứ tự Mã thể loại Null Chú thích Mã thể loại Tên thể loại Tên thể loại khơng dấu Thứ tự Null Chú thích Mã lịch hẹn Họ tên Ngày sinh Mã sinh viên Chứng minh nhân dân Số điện thoại Gmail Ngành Lớp Trình độ Nội dung Bảng 2.3: thể loại (theloai) Dùng để quản lý thể loại Name Type idTL TenTL TenTL_KhongDau Int(11) Varchar(255) Varchar(255) No No No ThuTu Int(11) Yes Bảng 2.4: đặt lịch hẹn (datlich) Dùng để quản lý lịch hẹn sinh viên Name idLichHen HoTen NgaySinh MSV CMND Int(11) Varchar(50) Date Varchar(10) Varchar(9) No No No No No SDT Gmail Nganh Lop TrinhDo NoiDung Varchar(11) Varchar(100) Varchar(100) Varchar(100) Varchar(100) Text No No No No No No SVTH: Type 40 Website phòng cơng tác học sinh – sinh viên TrangThai Int(11) No Trạng thái Bảng 2.5: trả lời (traloi) Dùng để quản lý câu trả lời phòng cơng tác sinh viên Name idTraLoi NoiDungTL idLichHen Type Int(11) Text Int(11) Null Chú thích Mã trả lời Nội dung trả lời Mã lịch hẹn Null Chú thích Mã người dùng Họ tên Tên tài khoản Mật Địa Số điện thoại Gmail Ngày sinh Giới tính No No No Bảng 2.6: thành viên (users): Dùng để quản lý thành viên quản trị Name idUser HoTen Username Password DiaChi DienThoai Gmail NgaySinh GioiTinh Type Int(11) Varchar(100) Varchar(50) Varchar(50) Varchar(255) Varchar(11) Varchar(255) Date Tinyint(1) No No No No No No No No No CHƯƠNG XÂY DỰNG WEBSITEPHỊNG CƠNG TÁC SINH VIÊN – TRƯỜNG ĐHSPKT VINH 3.1 Thiết kế bảng CSDL Hình 3.1: Tổng quan csdl website SVTH: 41 Website phòng cơng tác học sinh – sinh viên Hình 3.2: Bảng “datlich” lưu thơng tin người đặt lịch Hình 3.3: Bảng ”loaitin” lưu thơng tin loại tin Hình 3.4: Bảng “theloai” lưu thơng tin thể loại SVTH: 42 Website phòng cơng tác học sinh – sinh viên Hình 3.5: Bảng “tin” lưu thơng tin viết Hình 3.6: Bảng ”traloi” lưu thơng tin phần trả lời Hình 3.7: Bảng “users” lưu thông tin account đăng nhập - 3.2 Thiết kế giao diện Giao diện trang chủ: SVTH: 43 Website phòng cơng tác học sinh – sinh viên - Hình 3.8:Minh họa giao diện trang chủ Trang chủ “Index.php”: Là trang chính, chứa tất mục để lựa chọn Từ trang chủ người dùng tìm thấy thơng tin cần thiết Thơng tin tin tức, thông báo với giao diện gần gũi, thân thiện dễ sử dụng Giao diện chi tiết tin: SVTH: 44 Website phòng cơng tác học sinh – sinh viên - Hình 3.9: Minh họa giao diện phần chi tiết tin thể loại Khi click vào tiêu đề viết (chính đường link) viết Đưa ta đến với chi tiết tin tức mà bạn muốn xem Phần hiển thị chi tiết viết mà ta muốn xem Với font chữ, cỡ dễ nhìn, thêm vào hình ảnh bắt mắt làm cho người dùng cảm thấy hày lòng Giao diện trang đặt lịch hẹn: SVTH: 45 Website phòng cơng tác học sinh – sinh viên - Hình 3.10: Minh họa giao diện phần đặt lịch hẹn Quan trọng phần đặt lịch hẹn Khi ta click vào phần đặt lịch hẹn menu xuất giao diện phần đặt lịch hẹn Các sinh viên cần điền đầy đủ thơng tin đặt lịch hẹn với phòng đào tạo Giao diện phần tìm kiếm: - Hình 3.11: Minh họa giao diện phần tìm kiếm kết Sau đặt lịch xong phận phòng cơng tác sinh viên xử lý Người dùng vào xem kết cách tìm kiếm với CMND người Giao diện chi tiết kết tìm kiếm: SVTH: 46 Website phòng cơng tác học sinh – sinh viên - Hình 3.12: Minh họa giao diện phần chi tiết kết Giao diện đăng nhập: SVTH: 47 Website phòng cơng tác học sinh – sinh viên - Hình 3.13: Minh họa giao diện trang đăng nhập Trang “admin/index.php” trang mà người quản trị nhập User Pass để đăng nhập vào website Giao diện trang quản trị phần tin tức: SVTH: 48 Website phòng cơng tác học sinh – sinh viên Hình 3.14: Minh họa giao diện trang quản trị phần tin tức Đây trang quản trị dành cho người Admin phòng cơng tác sinh viên, cung cấp đầy đủ tính cho người quản trị quản lý tin tức, người quản trị thêm, sửa, xóa phần tin tức Giao diện trang quản trị phần quản lý lịch hẹn: SVTH: 49 Website phòng cơng tác học sinh – sinh viên Hình 3.15: Minh họa giao diện trang quản trị phần quản lý lịch hẹn Đây giao diện trang quản trị phần quản lý lịch hẹn Phần hiển thị cho người quản trị thông tin ngắn tất sinh viên đặt lichh hẹn với phòng cơng tác sinh viên Phần hiển thị trạng thái người đặt lich chờ hay xử lý Nếu xử lý người quản trị xóa Đang chờ người quản trị bấm vào xem để trả lời Giao diện trang quản trị phần xử lý lịch hẹn: SVTH: 50 Website phòng cơng tác học sinh – sinh viên Hình 3.16: Minh họa giao diện trang quản trị phần xử lý lịch hẹn Đây giao diện trang quản trị phần chi tiết lịch hẹn Phần cung cấp đầy đủ thông tin người đặt lịch hẹn có thêm nút trả lời câu hỏi cho người quản trị SVTH: 51 Website phòng cơng tác học sinh – sinh viên KẾT LUẬN Kết đạt Tìm hiểu ngơn ngữ lập trình Web PHP & MySQL Áp dụng xây dựng ứng dụng Website phòng cơng tác sinh viên Trang web dễ sử dụng Tạo chuyên nghiệp môi trường làm việc Hạn chế Website chưa phát triển hoàn thiện để đưa vào sử dụng rộng rãi Hướng nghiên cứu phát triển Tìm hiểu sâu ngơn ngữ PHP & MySQL để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống Tìm hiểu thêm số ngôn ngữ, phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn… Xây dựng trang Web quy mô lớn với nhiều ứng dụng, chức SVTH: 52 Website phòng cơng tác học sinh – sinh viên TÀI LIỆU THAM KHẢO [1] Phạm Hữu Khang, Lập trình Web PHP sở liệu MySQL, NXB Phương Đông [2] Nguyễn Tấn Trường, Hướng dẫn thực hành PHP MySQL toàn tập, NXB Thanh niên [3] Lê Minh Hoàng, Thiết kế Web với CSS, NXB Lao động – Xã hội [4] Html & Css: Design And Build Websites, tác giả Jon Duckett [5] JS and JQuery: Interactive Front-End Web Development, tác giả Jon Duckett [6] Responsive Web Design with HTML5 and CSS3, tác giả Ben Frain Một số trang web tham khảo: [1] http://phongctsv.vuted.edu.vn/ [2] https://thachpham.com/ [3] https://www.w3schools.com/ SVTH: 53