Đồ án thiết kế website phục vụ hoạt động giảng dạy và nghiên cứu cho khoa điện tử

BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI - ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC CNKT MÁY TÍNH THIẾT KẾ WEBSITE PHỤC VỤ HOẠT ĐỘNG GIẢNG DẠY VÀ NGHIÊN CỨU CHO KHOA ĐIỆN TỬ CBHD: ThS NGUYỄN VĂN CƯỜNG Nhóm sinh viên: NGUYỄN XN HẢI_Mã SV:2019605026 HỒNG VĂN SƠN NGUYỄN TRỌNG BÌNH_ Mã SV: 2019600224 ĐỖ ĐỨC ANH_Mã SV: 2019605952 Hà Nội – Năm 2023 i LỜI CẢM ƠN Qua thời gian tìm hiểu, học hỏi triển khai đến nay, đồ án “Thiết kế Website phục vụ hoạt động giảng dạy nghiên cứu cho Khoa Điện tử” hoàn thành Trong suốt trình thực đề tài, nhóm nhận nhiều giúp đỡ nhiệt tình thầy bạn Xin cảm ơn giảng viên hướng dẫn thầy ThS Nguyễn Văn Cường, thầy tận tình giúp đỡ, bảo hướng dẫn suốt thời gian thực đề tài Nhờ vào giúp đỡ, bảo thầy mà nhóm hồn thành báo cáo thực tập Nhóm mong muốn gửi lời cảm ơn đến thầy cô hướng dẫn đóng góp vào q trình thực đồ án nhóm Sự giúp đỡ hướng dẫn thầy quan trọng nhóm giúp nhóm hoàn thiện nâng cao chất lượng đồ án Nhóm vui cảm kích với ủng hộ động viên gia đình bạn bè suốt trình thực đồ án Điều thực động lực lớn giúp nhóm vượt qua khó khăn hồn thành đồ án tốt ii MỤC LỤC LỜI CẢM ƠN i MỤC LỤC .ii DANH MỤC HÌNH ẢNH .iii DANH MỤC BẢNG BIỂU v MỞ ĐẦU 1 LÝ DO LỰA CHỌN ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI ĐỐI TƯỢNG NGHIÊN CỨU PHẠM VI NGHIÊN CỨU PHƯƠNG PHÁP NGHIÊN CỨU Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN CỦA ĐỒ ÁN CẤU TRÚC CỦA BÁO CÁO ĐỒ ÁN TỐT NGHIỆP 1 2 2 CHƯƠNG TỔNG QUAN VỀ LẬP TRÌNH WEBSITE 1.1 GIỚI THIỆU CHUNG 1.2 PHƯƠNG PHÁP LẬP TRÌNH WEBSITE 17 1.3 WEBSITE THỐNG KÊ KHỐI LƯỢNG GIẢNG DẠY VÀ CUNG CẤP THÔNG TIN NGHIÊN CỨU KHOA HỌC 25 1.4 KẾT LUẬN CHƯƠNG 25 CHƯƠNG THIẾT KẾ WEBSITE THỐNG KÊ GIẢNG DẠY 26 2.1 PHÂN TÍCH YÊU CẦU BÀI TOÁN 26 2.2 THIẾT KẾ Ý TƯỞNG 27 2.3 THIẾT KẾ CHI TIẾT 33 2.4 KẾT LUẬN CHƯƠNG 45 CHƯƠNG THỬ NGHIỆM VÀ ĐÁNH GIÁ 46 3.1 VẬN HÀNH SẢN PHẨM 46 3.2 THỬ NGHIỆM VÀ KIỂM CHỨNG SẢN PHẨM 47 3.3 ĐÁNH GIÁ SẢN PHẨM 49 3.4 ỨNG DỤNG CỦA SẢN PHẨM 50 3.5 TÁC ĐỘNG CỦA SẢN PHẨM THIẾT KẾ TỚI MÔI TRƯỜNG/KINH TẾ/ XÃ HỘI 51 3.6 KẾT LUẬN CHƯƠNG 51 KẾT LUẬN 52 TÀI LIỆU THAM KHẢO 53 iii DANH MỤC HÌNH ẢNH Hình 1.1 Website Hình 1.2 Website tử thương Hình 1.3 mại điện Website kinh doanh Hình 1.4 Website blog Hình 1.5 Website danh mục đầu tư Hình 1.6 Website kiện Hình 1.7 Website cá nhân Hình 1.8 Website thành viên 10 Hình 1.9 Website phi lợi nhuận 11 Hình 1.10 Trang Website thông tin 12 Hình 1.11 Diễn đàn trực tuyến 13 Hình 1.12 Database 19 Hình 1.13 Backend 20 Hình 1.14: Frontend 22 Hình 2.1 Sơ đồ khối chung 33 Hình 2.2 Sơ đồ khối cho Controller 34 Hình 2.3 Trang chủ 35 Hình 2.4 Trang tìm kiếm 35 Hình 2.5 Trang nhập liệu 36 Hình 2.6 Trang thống kê khối lượng giảng dạy 36 Hình 2.7 Trang hỗ trợ điền thông tin thực hành 37 Hình 2.8 Trang thơng tin nghiên cứu khoa học 37 Hình 2.9 Trang nhóm nghiên cứu khoa học 37 Hình 2.10 Trang đăng nhập 38 Hình 2.11 Trang hướng dẫn sử dụng 38 Hình 2.12 Lưu đồ thuật toán nhập lịch đầy đủ 41 Hình 2.13 Lưu đồ thuật toán nhập lịch thực hành 42 Hình 2.14 Lưu đồ thuật tốn thống kê khối lượng giảng dạy 43 iv Hình 2.15 Lưu đồ thuật tốn hỗ trợ nhập thơng tin thực hành 44 Hình 2.16: Routing cho phương thức Website 45 Hình 3.1 Ví dụ thống kê khối lượng giảng dạy giảng viên Dương Thị Hằng 46 Hình 3.2 Thơng tin nghiên cứu khoa học 46 Hình 3.3 Kết kiểm chứng giảng viên Đinh Thị Kim Phượng 48 Hình 3.4 Kết kiểm chứng giảng viên Lê Việt Tiến 48 Hình 3.5 Kết kiểm chứng giảng viên Nguyễn Văn Cường 48 Hình 3.6 Kết kiểm chứng giảng viên Vũ Thị Hoàng Yến 49 Hình 3.7 Kết kiểm chứng giảng viên Lê Mạnh Long 49 v DANH MỤC BẢNG BIỂU Bảng 2.1 Bảng liệu cho lịch đẩy đủ 39 Bảng 2.2 Bảng liệu cho lịch thực hành 40 Bảng 3.1 Bảng thống kê số giảng dạy số toán số giảng viên 47 MỞ ĐẦU LÝ DO LỰA CHỌN ĐỀ TÀI Những năm gần đây, công đổi lĩnh vực giáo dục đào tạo Đảng Nhà nước trọng mở rộng phát triển, đặc biệt giáo dục đại học Đi với phát triển giới, hệ thống giáo dục đại học Việt Nam có nhiều chuyển biến mới, chất lượng đào tạo ngày nâng lên rõ rệt Nhưng giáo dục nước nhà gặp nhiều thách thức bất cập công tác giảng dạy, quản lý, đảm bảo chất lượng đầu cho sinh viên Việc sử dụng Website để hỗ trợ hoạt động giảng dạy nghiên cứu giải pháp hiệu tình trạng Trường Đại học Cơng nghiệp Hà Nội trường tiên phong áp dụng chương trình kiểm định chất lượng đào tạo theo chuẩn phần mềm máy tính, nhằm nâng cao hiệu dạy học, công tác quản lý sinh viên, chất lượng đào tạo… Theo đó, Khoa Điện tử trình triển khai chương trình kiểm định ngành Cơng nghệ Kỹ thuật Máy tính Trong q trình kiểm định, có nhiều cơng đoạn thực cách thủ công, nhiều thời gian để hoàn thành theo chu kỳ Nắm bắt hạn chế đó, nhóm chọn đề tài “Thiết kế Website phục vụ hoạt động giảng dạy nghiên cứu cho Khoa Điện tử” làm đồ án tốt nghiệp chuyên ngành Kỹ thuật máy tính Việc triển khai thiết kế Website phục vụ cho hoạt động giảng dạy nghiên cứu mang lại nhiều lợi ích cho giảng viên, nhân viên, giáo vụ, sinh viên học viện việc quản lý tra cứu thông tin MỤC TIÊU CỦA ĐỀ TÀI • Thiết kế Website hỗ trợ giảng viên thống kê khối lượng giảng dạy • Giúp sinh viên tích luỹ kiến thức lập trình Website, quản lý sở liệu, quản trị tài khoản • Giúp sinh viên rèn luyện kỹ viết báo cáo, trình bày vấn đề kỹ thuật, làm việc nhóm, tinh thần phấn đấu thái độ nghiêm túc ĐỐI TƯỢNG NGHIÊN CỨU • Thiết kế Website phục vụ cho Khoa Điện tử • Website hỗ trợ hoạt động giảng dạy nghiên cứu cho Khoa Điện tử PHẠM VI NGHIÊN CỨU Nghiên cứu tập trung vào: • Kỹ thuật lập trình, cách thức hoạt động đối tượng sử dụng thiết kế Website • Cách sử dụng ngơn ngữ lập trình backend (Golang) frontend (HTML, CSS, Javascript) Phạm vi: sử dụng Khoa Điện tử - Trường Đại Học Công Nghiệp Hà Nội PHƯƠNG PHÁP NGHIÊN CỨU • Phương pháp thu thập thơng tin từ giảng viên : Tổng hợp phân tích hoạt động giảng dạy nghiên cứu cho Khoa Điện tử dựa việc ghi chép giảng viên • Phương pháp xử lý thơng tin: • Xây dựng ý tưởng lập kế hoạch cụ thể để thiết kế Website ứng dụng • Kiểm tra, chỉnh sửa, triển khai hoàn thiện Website ứng dụng Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN CỦA ĐỒ ÁN Ý nghĩa khoa học: • Tính tốn thời gian giảng dạy cách hợp lý • Điều chỉnh lịch giảng dạy để đáp ứng yêu cầu giảng viên trường Giá trị thực tiễn: • Hỗ trợ giảng viên thống kê vào sổ kê • Xây dựng Website giúp giảng viên tìm kiếm cách dễ dàng, khoa học đảm bảo tính bảo mật CẤU TRÚC CỦA BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Báo cáo đồ án tốt nghiệp gồm ba phần tổ chức sau: • Chương 1: Trình bày khái qt chung lập trình thiết kế Website chuyên nghiệp • Chương 2: Trình bày phân tích thiết kế Website thống kê khối lượng giảng dạy • Chương 3: Thực thi đánh giá Website thống kê khối lượng giảng dạy thiết kế CHƯƠNG TỔNG QUAN VỀ LẬP TRÌNH WEBSITE 1.1 GIỚI THIỆU CHUNG ava Scri pt, PH P, Pyt hon , Rub y nhi ều g ngh ệ c Lập trìn h We bsit e đối mặt với nhi ều thác h thứ c c nha u, tron g bao gồ m tối ưu hóa kiể m thử để đả m bảo tất c năn g hoạ • Tính ứng dụng cao • Trang Website cung cấp đầy đủ nội dung • Nội dung dễ hiểu dễ đọc 3.3.2 Nhược điểm • Vẫn cịn tồn chút thiếu sót việc quản trị thơng tin • Thời gian phản hồi việc nhập liệu cịn chậm • Giao diện dừng lại mức độ chưa tối ưu giao diện • Chưa hỗ trợ thống kê theo nhiều tháng, kì học , năm học 3.3.3 Đánh giá Thầy/Cơ khoa Điện tử • Thời gian website hiển thị theo chuẩn Việt Nam • Đối với giảng viên không thuộc ban chủ nhiệm Khoa hay giáo vụ Khoa, tìm kiếm khối lượng giảng dạy • Phần chuẩn bị tập tin lịch thực hành theo tuần chưa yêu cầu điền đủ thông tin quan trọng mã lớp tên nhóm với định dạng số • u cầu điền đủ thơng tin quan trọng: mã lớp, tên nhóm, ca thực hành, phịng thực hành • Màu chữ trang chủ chưa phù hợp • Chưa cho phép xem khối lượng GD khoảng thời gian tự chọn 3.4 ỨNG DỤNG CỦA SẢN PHẨM • Quản lý lịch giảng dạy: Giảng viên xem lịch giảng dạy trang web với đầy đủ thơng tin • Quản lý tổng số lượng thực giảng: Giảng viên xem tổng số giảng dạy, hệ số lương tổng số đề nghị tốn • Đăng tải, chia sẻ thơng tin nghiên cứu khoa học • Tăng tương tác sinh viên giảng viên tham gia nghiên cứu khoa học 51 3.5 TÁC ĐỘNG CỦA SẢN PHẨM THIẾT KẾ TỚI MÔI TRƯỜNG/KINH TẾ/ XÃ HỘI 3.5.1 Tác động đến kinh tế Việc thiết kế Website nhóm sử dụng để thiết kế, phân cơng khối lượng giảng dạy nghiên cứu giảng viên khoa Điện tử Trường Đại học Công nghiệp Hà Nội Tuy nhiên nhóm phát triển trang web đảm bảo nội dung, tính chất lượng sản phẩm để kinh doanh sang gần trường Đại học khác Từ đóng góp vào phát triển kinh tế số 3.5.2 Tác động đến xã hội Thiết kế Website cho nhà trường có tác động khơng nhỏ đến xã hội làm cho việc giảng dạy giảng viên nhà trường dễ dàng Điều giúp cải thiện chất lượng giáo dục tăng tiến công nghệ 3.5.3 Tác động đến mơi trường Q trình thiết kế vận hành Website sử dụng số lượng lớn tài nguyên vật liệu (Thiết bị phần cứng, ) để phát triển, bao gồm đáp ứng nhu cầu máy chủ, dùng phần mềm lưu trữ liệu, sử dụng băng thông tạo thiết kế đồ họa Việc sử dụng nhiều tài nguyên khơng hợp lý dẫn đến tình trạng lãng phí (Những thiết bị phần cứng khơng thể tái chế gây nhiễm mơi trường) góp phần vào suy thối mơi trường tự nhiên 3.6 KẾT LUẬN CHƯƠNG Tóm lại việc thiết kế web công việc không đơn giản yêu cầu cần phải có kiến thức chuyên sâu yếu tố thiết kế web lưu ý đến tác động thiết kế web để bảo đảm mang đến sản phẩm mang trải nghiệm tốt cho người dùng 52 KẾT LUẬN KẾT LUẬN Đồ án đạt kết tích cực việc thiết kế triển khai Website hỗ trợ giảng dạy nghiên cứu cho khoa Điện tử Website thiết kế với nhiều tính hữu ích hỗ trợ giảng viên thống kê khối lượng giảng dạy, nhập thông tin lý thuyết/thực hành, cho phép nhập sửa đổi lịch giảng dạy, hiển thị thông tin nghiên cứu khoa Điện tử, tính đăng nhập phân quyền cho người dùng KIẾN NGHỊ Sản phẩm Website áp dụng cho khoa Điện tử để thống kê khối lượng giảng dạy giảng viên, cung cấp thông tin nghiên cứu khoa học theo năm học Website thiết kế giúp Thầy/Cô khoa Điện tử: • Quản lý lịch giảng dạy • Quản lý tổng số lượng thực giảng • Đăng tải, chia sẻ thơng tin nghiên cứu khoa học • Tăng tương tác sinh viên giảng viên tham gia nghiên cứu khoa học 53 TÀI LIỆU THAM KHẢO [1] Claudia Roca (2023), What is web programming and what is it for? [Online] Available: https://www.thepowermba.com/en/blog/what-is web-programming#:~:text=Web%20programming%20is%20the%20 process,and%20needs%20of%20the%20company/, accessed on May 14, 2023 [2] Talia Cohen(2022).10 of the Most Common Types of Websites Available: https://www.wix.com/blog/2020/12/types-of-websites/#viewer -6mj1j/, accessed on May 14, 2023 [3] Colyn Emery (2022), A Brief History of Web Development [Online] Available: https://www.techopedia.com/2/31579/networks/a-brief history-of-web-development/, accessed on May 14, 2023 [4] Sruthi Veeraraghavan(2023) Top 20 Best Programming Languages To Learn [Online] Available: https://www.simplilearn.com/best-programm ing-languages-start-learning-today-article/ , accessed on May 14, 2023 [5] Ben Lutkevich (2023), database (DB) [Online] Available: https://www.techtarget.com/searchdatamanagement/definition/databas e#:~:text=Computer%20databases%20typically%20store%20aggregati ons,on%20people%2C%20places%20or%20things/, accessed on May 14, 2023 [6] David Taylor (2023), MongoDB vs MySQL – Difference Between Them [Online] Available: https://www.guru99.com/mongodb-vs-mysql.html/, accessed on May 14, 2023 [7] Daragh Ó Tuama (2022), PHP vs JavaScript: When to Use [Online] Available: https://codeinstitute.net/global/blog/php-vs-javascript/, accessed on May 14, 2023 [8] Jade (2022), PHP vs Express: Which Is Right For You? [Online] Available: https://techtrim.tech/php-vs-express/, accessed on May 14, 2023 54 [9] Stefania Volpe (2022), Nodejs vs Laravel: How To Choose The Right Framework [Online] Available: https://www.freelancermap.com/blog/ node-js-vs-laravel/, accessed on May 14, 2023 [10] Cubet (2022), A vital comparison: Handlebars Vs Mustache Vs Angularjs [Online] Available: https://cubettech.com/resources/blog/a-vital comparison-handlebars-vs-mustache-vs-angularjs/, accessed on May 14, 2023 [11] Divyanshu Soni (2022), HTML Handlebars [Online] Available: https://www.scaler.com/topics/html/handlebars/, accessed on May 14, 2023 PHỤ LỤC Hướng dẫn sử dụng Website Địa để truy cập Website: http://54.253.50.220/ Giới thiệu thành phần trang Website Website bao gồm: Trang chủ: giới thiệu Website hỗ trợ giảng viên thống kê khối lượng giảng dạy cung cấp thông tin nhóm hướng nghiên cứu Khoa Điện tử Trường Đại học Cơng nghiệp Hà Nội Tìm kiếm: Thống kê giảng dạy hướng dẫn thực tập tốt nghiệp (TTTN), đồ án tốt nghiệp (ĐATN) gồm: • Xem thơng tin lịch thực hành theo tuần • Thống kê số tiết dạy Thực hành/Lý thuyết theo tháng • Thống kê số giảng dạy hệ số TĐ ĐT theo tháng Nhập liệu: giúp quản trị viên tải liệu lý thuyết, thực hành, hướng dẫn thực tập tốt nghiệp đồ án tốt nghiệp theo năm học lên hệ thống Tiện ích: mơ tả hướng dẫn sử dụng Website • Nghiên cứu khoa học (NCKH): Cung cấp thơng tin nghiên cứu khoa học gồm: Giúp sinh viên nắm bắt thông tin nghiên cứu khoa học liên hệ để tham gia nhóm nghiên cứu Khoa • Hiển thị thông tin giảng viên sinh viên tham gia nghiên cứu Khoa Chức tìm kiếm Chức thống kê khối lượng giảng dạy hướng dẫn TTTN ĐATN Các bước thực chức thống kê: • B1: Chọn tab “Tìm kiếm” cơng cụ • B2: Chọn tab “Xem thông tin giảng dạy” chọn tên giảng viên cần tra cứu • B3: Chọn năm, tháng cần tra cứu bấm “Tìm kiếm” • B4: Sau bấm tìm kiếm, trang website thơng tin liên quan đến học phần bao gồm thơng chính: tên học phần, mã học phần, thực giảng hệ số TĐ ĐT Để lọc danh sách chi tiết giảng viên chọn, chọn tên học phần, mã lớp hình thức giảng dạy (LT/TH/ĐA/TTTN), sau chọn biểu tượng lọc Ví dụ lọc lớp “Lập trình mạng” có mã học phần “202210803153001” “TH nhóm 2” trả kết Hình bên Chức hiển thị thông tin thực hành theo tuần Các bước thực chức hiển thị thơng tin thực hành theo tuần: • B1: Chọn tab “Tìm kiếm” cơng cụ • B2: Chọn tab “Xem thông tin thực hành” chọn tên giảng viên cần tra cứu • B3: Chọn năm, tháng cần, ngày thứ đầu tuần (đại diện cho tuần đó) bấm “Thông tin thực hành” Nhập liệu Website cho phép nhập liệu sau: • Nhập lịch đầy đủ bao gồm lịch lý thuyết, thực hành, đồ án môn học, đồ án tốt nghiệp, thực tập tốt nghiệp • Nhập lịch thực hành theo tuần Nhập lịch đầy đủ Các bước nhập lịch đầy đủ • B1: Chọn tab “Nhập liệu” công cụ chọn “Lịch đầy đủ” • B2: Chọn tập tin chuẩn bị theo mẫu, sau chọn xong có thơng báo tên tập tin chọn (Lưu ý: Tập tin chứa sheet tên “KHOA DIEN TU”) • B3: Nhấn “Tải lên” tải tập tin lịch đầy đủ lên Website Nhập lịch thực hành theo tuần Các bước nhập lịch thực hành theo tuần • B1: Chọn tab “Nhập liệu” cơng cụ chọn “Lịch thực hành” • B2: Chọn tuần nhập (Lưu ý: Chỉ chọn thứ tuần cần nhập) • B3: Chọn tập tin chuẩn bị theo mẫu, sau chọn xong có thông báo tên tập tin chọn (Lưu ý: tập tin chứa sheet nhất) (Tương tự nhập lịch đầy đủ) • B4: Nhấn “Tải lên” tải tập tin lịch đầy đủ lên Website (Tương tự nhập lịch đầy đủ) Hướng dẫn chuẩn bị liệu Một số lưu ý chuẩn bị liệu: • Để tránh lỗi xảy trình xử lý liệu, ký tự đặc biệt !,@,#,$ không nên sử dụng trường liệu • Thơng tin số lượng nhóm ca thực hành viết số, không viết chữ Tên nên viết ký tự số hợp lệ, không sử dụng ký tự đặc biệt Lịch đầy đủ Khái quát Trong lịch học lý thuyết bao gồm nhữ ng thành phần như: • Tên học phần • Mã lớp • Hệ • Khóa • Giảng viên • Hình thức giảng dạy (LT/TH/ĐA/TTTN) • Số tiết giảng dạy/hướng dẫn tuần Các bước chuẩn bị • B1: Chuẩn bị bảng liệu ví dụ Hình • B2: Thêm ngày tháng năm vào bảng tính hình minh họa Điền ngày thứ tuần năm học hệ Đại học, ví dụ hình bên ngày 04 tháng 07 năm 2022 Chọn ô cạnh ô ngày 04 tháng 07 năm 2022 viết câu lệnh ngày cộng với chép công thức tới tuần cuối năm học Ví dụ hình bên dưới: Lưu ý: Chuyển đổi hàng chứa thông tin ngày dạng minh họa bên (tháng/ngày/năm): • B3: Điền liệu thông tin học phần hàng thứ 9, hình bên • B4: u cầu hàng trống sau liệu liên quan đến học phần • B5: Lưu tập tin dạng mở rộng xlsx Các lưu ý • Khơng gộp mã lớp với • Sử dụng sheet với tên “KHOA DIEN TU” Lịch thực hành theo tuần Khái quát Trong lịch học thực hành theo tuần bao gồm thành phần như: • Tên học phần • Mã lớp • Hệ • Khóa • Giảng viên • Ca thực hành • Phịng thực hành • Tên nhóm thực hành 10 Các bước chuẩn bị • B1: Mở bảng tính mẫu • B2: Điền liệu thông tin học phần hàng thứ 13, hình bên • B3: u cầu hàng trống sau liệu liên quan đến học phần • B4: Lưu tập tin dạng mở rộng xlsx 11 Các lưu ý • Khơng gộp ca, phịng với • Khơng gộp mã lớp với • Sử dụng sheet 12 MÃ NGUỒN Mã nguồn xem đường liên kết sau: https://drive.google.com/drive/folders/ 1TcGxFSQiwimMDNsIJ4r_a0h8yUD BrRu2