Đồ án tốt nghiệp website quản lý visa lưu học sinh tại udck

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM PHOMMALAILOUN BOUABAN PHAENGSOMPHAN MOUKSUP BÁO CÁO ĐỒ ÁN TỐT NGHIỆP WEBSITE QUẢN LÝ VISA LƯU HỌC SINH TẠI UDCK Kon Tum, tháng 03 năm 2022 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM BÁO CÁO ĐỒ ÁN TỐT NGHIỆP WEBSITE QUẢN LÝ VISA LƯU HỌC SINH TẠI UDCK GIẢNG VIÊN HƯỚNG DẪN : TS ĐỒNG NGỌC NGUYÊN THỊNH SINH VIÊN THỰC HIỆN : PHOMMALAILOUN BOUABAN : PHAENGSOMPHAN MOUKSUP LỚP : K11TT MSSV : 17152480201022 : 17152480201016 Kon Tum, tháng 03 năm 2022 LỜI CÁM ƠN Em xin gửi lời cảm ơn chân thành tri ân sâu sắc thầy cô trường, đặc biệt thầy cô khoa Công nghệ giúp đỡ em để em hồn thành tốt Báo cáo tốt nghiệp Và em xin chân thành cám ơn Thầy Đồng Ngọc Nguyên Thịnh Cô Lê Thị Bảo Yến nhiệt tình hướng dẫn hướng dẫn em việc lựa chọn đề tài nghiên cứu, hướng tiếp cận giúp em chỉnh sửa thiếu sót q trình nghiên cứu Trong q trình nghiên cứu, khó tránh khỏi sai sót, chúng em mong nhận ý kiến đóng góp từ phía Thầy, Cơ để chúng em học thêm nhiều kinh nghiệm hoàn thành tốt Chúng em xin chân thành cảm ơn! PHOMMALAILOUN Bouaban PHAENGSOMPHAN Mouksup MỤC LỤC CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU .1 1.2 LÝ DO CHỌN ĐỀ TÀI 1.3 MỤC TIÊU NGHIÊN CỨU 1.3.1 Lý thuyết 1.3.2 Công nghệ 1.3.3 Ứng dụng 1.4 PHƯƠNG PHÁP NGHIÊN CỨU 1.4.1 Khảo sát thực tế .2 1.4.2 Lý thuyết 1.4.3 Công nghệ 1.4.4 phạm vi nghiên cứu CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 GIẢI PHÁP THIẾT KẾ 2.1.1 Mơ hình Client - Server 2.1.2 Mơ hình MVC việc xây dựng website 2.1.3 Authentication 2.1.4 Authorization 2.2 CÔNG CỤ SỬ DỤNG 10 2.2.1 Các công cụ công nghệ sử dụng 10 2.2.2 Giới thiệu số công nghệ 10 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 14 3.1 ĐẶC TẢ YÊU CẦU 14 3.1.1 Yêu cầu chức 14 3.1.2 Yêu cầu phi chức 15 3.2 PHÂN TÍCH YÊU CẦU 16 3.2.1 Các tác nhân sử dụng 16 3.2.2 Phân tích chức admin 16 3.2.3 Phân tích chức sinh viên 22 3.2.4 Phân tích chức người đăng 25 3.2.5 Phân tích chức khách 27 3.3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 28 3.3.1 Sơ đồ usecase 28 3.3.2 Sơ đồ 29 3.3.3 Sơ đồ lớp .43 3.3.4 Lược đồ sở liệu 45 3.4 DEMO KẾT QUẢ 47 3.4.1 Frontend 47 3.4.2 Backend 52 i CHƯƠNG KẾT LUẬN 64 4.1 KẾT LUẬN 64 4.1.1 Kết đạt 64 4.1.2 Hạn chế 64 4.2 HƯỚNG PHÁT TRIỂN .65 DANH MỤC TÀI LIỆU THAM KHẢO 66 GIẤY XÁC NHẬN HOÀN THÀNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ii DANH MỤC CÁC BẢNG Số hiệu bảng 3.1 3.2 3.3 3.4 Tên bảng Yêu cầu chức Yêu cầu phi chức Giải thích sơ đồ lớp Giải thích lược đồ CSDL iii Trang 14 15 43 45 DANH MỤC CÁC HÌNH Số hiệu hình 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 2.10 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3.14 3.15 3.16 3.17 3.18 3.19 3.20 3.21 3.22 3.23 3.24 3.25 3.26 3.27 Tên hình Mô Client - Server Mô MVC Luồng xử lý mơ MVC Xác thực khóa Authorization Authentication Ngơn ngữ lập trình PHP Hệ quản trị sở liệu MySQL Công cụ Xampp Phần mềm Visual Studio Code Logo Bootstrap Sơ đồ usecase tổng quát Sơ đồ đăng nhập Sơ đồ thêm tài khoản Sơ đồ chỉnh sửa tài khoản Sơ đồ xóa tài khoản Sơ đồ thêm sinh viên Sơ đồ chỉnh sửa sinh viên Sơ đồ xóa sinh viên Sơ đồ thêm hộ chiếu Sơ đồ chỉnh sửa hộ chiếu Sơ đồ xóa hộ chiếu Sơ đồ mở đợt cập nhật hộ chiếu Sơ đồ thêm visa Sơ đồ chỉnh sửa visa Sơ đồ xóa visa Sơ đồ mở đợt cập nhật visa Sơ đồ thêm thông báo Sơ đồ chỉnh sửa thông báo Sơ đồ xóa thơng báo Sơ đồ xem thông tin tài khoản Sơ đồ xem thông tin hộ chiếu Sơ đồ xem thông tin visa Sơ đồ xem thông tin hộ chiếu Sơ đồ lớp Lược đồ sở liệu Giao diện trang chủ Giao diện trang chủ điện thoại iv Trang 10 11 11 12 13 28 29 30 30 31 32 32 33 34 34 35 36 36 37 38 38 39 40 40 41 41 42 42 43 45 47 47 3.28 3.29 3.30 3.31 3.32 3.33 3.34 3.35 3.36 3.37 3.38 3.39 3.40 3.41 3.42 3.43 3.44 3.45 3.46 3.47 3.48 3.49 3.50 3.51 3.52 3.53 3.54 3.55 3.56 3.57 3.58 Giao diện đăng nhập Giao diện thông tin sinh viên Giao diện thông tin hộ chiếu Giao diện thông tin visa Giao diện chỉnh sửa thông tin Giao diện chỉnh sửa hộ chiếu Giao diện chỉnh sửa visa Giao diện danh sách tài khoản Admin Giao diện thêm tài khoản Admin Giao diện chỉnh sửa tài khoản Admin Giao diện danh sách tài khoản Người đăng Giao diện thêm tài khoản Người đăng Giao diện chỉnh sửa tài khoản Người đăng Giao diện danh sách tài khoản Sinh viên Giao diện thêm tài khoản Sinh viên Giao diện chỉnh sửa tài khoản Sinh viên Giao diện danh sách lớp Giao diện thêm lớp Giao diện chỉnh sửa lớp Giao diện danh sách mở chỉnh sửa Giao diện thêm chỉnh sửa Nội dung email thông báo mở cập nhật Giao diện chỉnh sửa mở chỉnh sửa Giao diện danh sách hộ chiếu Giao diện chỉnh sửa hộ chiếu Giao diện danh sách visa Giao diện chỉnh sửa visa Giao diện danh sách thông báo Giao diện thêm thông báo Email thông báo từ hệ thống Giao diện chỉnh sửa thông báo v 48 48 49 49 50 51 51 52 52 53 53 54 54 54 55 56 57 57 57 58 58 59 59 60 60 61 61 62 62 62 63 CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU Trên giới diễn cách mạng thông tin sôi động Trong xu phát triển giới có đóng góp to lớn thông tin, khoa học công nghệ Để phát triển quốc gia cần có nguồn lực định thông tin ngày trở thành nguồn lực thực quốc gia, tổ chức Vì xu hướng chung xã hội ngày hướng vào xã hội thơng tin, xã hội giá trị vật chất mà thông tin tri thức đem lại chiếm tỉ lệ lớn xã hội Thông tin nguồn lực quan trọng góp phần to lớn không công tác quản lý, điều hành hoạt động mà cịn góp phần tạo giá trị mới, mà tăng trưởng quốc gia lại phụ thuộc lớn vào giá trị quốc gia Vì thơng tin coi loại tài sản quan trọng tổ chức Đối với Việt Nam khâu yếu q trình quản lý Chính quản lý cịn yếu mà khơng tận dụng nguồn lực gây lãng phí nguồn lực cho phát triển, đơi cịn có định sai lầm Do trọng tâm nghiên cứu hệ thống thông tin phục vụ cho trình quản lý đặc biệt định Trong công đổi đất nước địi hỏi trình độ quản lý mức cao hơn, hoàn thiện vấn đề ảnh hưởng lớn đến chất lượng quản lý thông tin phục vụ cho việc định quản lý Ứng dụng CNTT hoạt động quan nhà nước triển khai rộng nhằm đổi quy trình nghiệp vụ, nâng cao chất lượng quản lý, điều hành, nâng cao hiệu quả, hiệu suất công việc Ngày việc quản lý liệu sổ sách bị lỗi thời thay cơng cụ tin học hóa giúp quản lý cách hiệu Hiện có công cụ dùng để quản lý sổ sách excel việc lưu trữ gây bất tiện khơng nhỏ Do u cầu cần phải có cơng cụ đáp ứng công việc thật cụ thể tăng cường công tác nghiệp vụ cho đơn vị 1.2 LÝ DO CHỌN ĐỀ TÀI Khi thấy tầm quan trọng hệ thống thơng tin q trình quản lý thơng tin Xem xét vấn đề tồn tại Phân hiệu từ thiết cần phải xây dựng hệ thống áp dụng tin học hóa nhằm khắc phục yếu nhằm hồn thiện dần hệ thống quản lý, nâng cao hiệu suất giảm bớt gánh nặng cho người quản lý Ngày nay, với phát triển khoa học kĩ thuật, nhu cầu ứng dụng tin học công tác quản lý ngày gia tăng Đối với trường giáo dục chuyên nghiệp, việc sử dụng phần mềm để quản lý liệu việc cần thiết Số lượng lưu học sinh ngày tăng, website quản lý visa cho lưu học sinh học tập trường Đại học Đà Nẵng Kon Tum đời giúp giải phóng cơng sức cho người quản lý, truy xuất thơng tin thuận tiện, hiệu xác 1.3 MỤC TIÊU NGHIÊN CỨU 1.3.1 Lý thuyết - Nắm lý thuyết mơ hình MVC để áp dụng tốt vào việc xây dựng web; - Nắm kiến thức thiết kế UI/UX để tạo giao diện đẹp mắt trải nghiệm người dùng tốt 1.3.2 Công nghệ - Sử dụng thành thạo ngôn ngữ PHP; - Sử dụng thành thạo công nghệ HTML, CSS, JavaScript Bootstrap; - Kết nối quản trị hệ quản trị sở liệu MySQL 1.3.3 Ứng dụng Thiết kế website với chức hỗ trợ cho việc quản lý lưu học sinh như: - Quản lý thông tin sinh viên; - Quản lý thông tin visa; - Quản lý tin tin hộ chiếu 1.4 PHƯƠNG PHÁP NGHIÊN CỨU 1.4.1 Khảo sát thực tế - Tìm hiểu hệ thống quản lý lưu học sinh trường khác; - Thu thập website mẫu Internet phân tích cách thiết kế giao diện, cách thiết kế sở liệu, cách xây dựng chức - Khảo sát nhu cầu sử dụng “Hệ thống quản lý visa lưu học sinh” trường Phân hiệu Phương thức khảo sát khảo sát qua form online khảo sát trực tiếp qua gặp mặt, điền giấy Sau hoàn thành khảo sát xem câu trả lời, yêu cầu người xem xét phân tích lại, xem xét tính mà người quan tâm quan tâm Sau thêm tính nhận nhiều tính loại bỏ tính khơng cần thiết để xây dựng trung tâm tính đáp ứng tốt nhu cầu quản lý 1.4.2 Lý thuyết - Nghiên cứu mơ hình MVC việc thiết kế website Tìm hiểu website có áp dụng mơ hình MVC Tìm video hướng dẫn làm theo, sau áp dụng vào xây dựng website; - Tìm hiểu UI/UX (User Interface User Experience) Thực hành thiết kế giao diện theo lý thuyết UI/UX Tìm hiểu để chọn màu sắc, typography, cách xếp layout phù hợp với website bán sản phẩm điện tử; - Chỉnh sửa tài khoản Admin: Hiển thị input gồm email, đổi mật nhập lại mật Hình 3.37: Giao diện chỉnh sửa tài khoản Admin b Quản lý tài khoản Người đăng - Danh sách tài khoản Người đăng bài: Tương tự Admin Hình 3.38: Giao diện danh sách tài khoản Người đăng 53 - Thêm tài khoản Người đăng bài: Tương tự Admin Hình 3.39: Giao diện thêm tài khoản Người đăng - Chỉnh sửa tài khoản Người đăng bài: Tương tự Admin Hình 3.40: Giao diện chỉnh sửa tài khoản Người đăng c Quản lý tài khoản Sinh viên - Danh sách tài khoản Sinh viên: Tài khoản sinh viên hiển thị bảng danh sách sinh viên bao gồm tên tài khoản, email, mã sinh viên, họ tên,CMND, giới tính, ngày sinh, dân tộc, quốc tịch, lớp, địa chỉ, số điện thoại, số hộ chiếu số thẻ visa Hình 3.41: Giao diện danh sách tài khoản Sinh viên 54 - Thêm tài khoản Sinh viên: Hình 3.42: Giao diện thêm tài khoản Sinh viên 55 - Chỉnh sửa tài khoản Sinh viên: Hình 3.43: Giao diện chỉnh sửa tài khoản Sinh viên 56 d Quản lý lớp - Danh sách lớp: Hiển thị bảng danh sách gồm tên lớp số lượng sinh viên Hình 3.44: Giao diện danh sách lớp - Thêm lớp: Có input tên lớp Hình 3.45: Giao diện thêm lớp - Chỉnh sửa lớp: Có input tên lớp Hình 3.46: Giao diện chỉnh sửa lớp e Quản lý mở chỉnh sửa 57 - Danh sách mở chỉnh sửa: Hiển thị danh sách mở chỉnh sửa Hình 3.47: Giao diện danh sách mở chỉnh sửa - Thêm mở chỉnh sửa: Hiển thị giao diện input gồm tiêu đề chỉnh sửa, ngày mở, ngày đóng, mở cho (Hộ chiếu visa, hộ chiếu, visa) nút tùy chọn gửi thông báo qua email lưu học sinh Hình 3.48: Giao diện thêm chỉnh sửa 58 Hình 3.49: Nội dung email thơng báo mở cập nhật - Chỉnh sửa mở chỉnh sửa: Chỉnh sửa lại thông tin mở chỉnh sửa gồm input tiêu đề, ngày mở, ngày đóng mở cho (Hộ chiếu visa, Hộ chiếu, Visa) Hình 3.50: Giao diện chỉnh sửa mở chỉnh sửa 59 f Quản lý hộ chiếu - Danh sách hộ chiếu: Hiển thị danh sách hộ chiếu Hình 3.51: Giao diện danh sách hộ chiếu - Chỉnh sửa hộ chiếu: Hiển thị giao diện input chỉnh sửa hộ chiếu Hình 3.52: Giao diện chỉnh sửa hộ chiếu 60 g Quản lý visa - Danh sách visa: Hiển thị danh sách visa lưu học sinh Hình 3.53: Giao diện danh sách visa - Chỉnh sửa visa: Hiển thị giao diện input chỉnh sửa visa Hình 3.54: Giao diện chỉnh sửa visa 61 h Quản lý thông báo - Danh sách thông báo: Hiển thị danh sách thơng báo hệ thống Hình 3.55: Giao diện danh sách thông báo - Thêm thông báo: Hiển thị input thêm thông báo gồm tiêu đề, nội dung nút gửi thơng báo qua email Hình 3.56: Giao diện thêm thông báo - Nội dung email thông báo Hình 3.57: Email thơng báo từ hệ thống 62 - Chỉnh sửa thông báo: Hiển thị giao diện chỉnh sửa thơng báo Hình 3.58: Giao diện chỉnh sửa thơng báo 63 CHƯƠNG KẾT LUẬN 4.1 KẾT LUẬN 4.1.1 Kết đạt a Lý thuyết - Nắm lý thuyết mơ hình MVC để áp dụng tốt vào việc xây dựng web; - Nắm kiến thức thiết kế UI/UX để tạo giao diện đẹp mắt trải nghiệm người dùng tốt b Công nghệ - Sử dụng thành thạo ngôn ngữ PHP; - Sử dụng thành thạo công nghệ HTML, CSS, JavaScript Bootstrap; - Kết nối quản trị hệ quản trị sở liệu MySQL c Ứng dụng Thiết kế website với chức hỗ trợ cho việc quản lý lưu học sinh như: - Admin:  Quản lý thông tin sinh viên;  Quản lý thông tin visa;  Quản lý tin tin hộ chiếu;  Quản lý mở đợt chỉnh sửa hộ chiếu visa;  Quản lý thông báo - Người đăng bài:  Đăng nhập;  Quản lý tài khoản cá nhân;  Quản lý đăng - Lưu học sinh:  Đăng nhập;  Xem thông báo;  Quản lý tài khoản cá nhân;  Nhận email thông báo;  Quản lý thông hộ chiếu visa cá nhân; 4.1.2 Hạn chế Tuy hoàn thành hết chức phân tích hệ thống cịn thiếu nhiều chức giao diện chưa hoàn thiệt tốt: - Hiển thị giao diện trang admin điện thoại chưa tốt; - Thiếu chức bình luận thơng báo; 64 4.2 HƯỚNG PHÁT TRIỂN Trong tương lai nhóm có hội phát triển hệ thống website tiếp tục Nhóm em thực tiếp cơng việc sau: - Nâng cấp giao diện trang frontend backend; - Thêm chức bình luận cho đăng; - Khảo sát thêm ý kiến lưu học sinh nhà trường chức khác cho hệ thống 65 DANH MỤC TÀI LIỆU THAM KHẢO [1] [2] [5] [6] [7] [8] BKNS, “Client server gì? Ưu nhược điểm mơ hình Client server” [Trực tuyến] Địa chỉ: https://www.bkns.vn/client-server-la-gi.html [Truy cập 24/11/2021] Vietnix, “Tìm hiểu mơ hình MVC gì? Ví dụ cách sử dụng mơ hình MVC” [Trực tuyến] Địa chỉ: https://vietnix.vn/tim-hieu-mo-hinh-mvc-la-gi/ [Truy cập 30/11/2021] MonaMedia, “PHP gì? Tất tần tật kiến thức cần biết ngôn ngữ PHP” [Trực tuyến] Địa chỉ: https://mona.media/php-la-gi/ [Truy cập 11/10/2021] MauWebsite, “MySQL gì? Tổng hợp kiến thức cần biết MySQL” [Trực tuyến] Địa chỉ: https://mauwebsite.vn/mysql-la-gi/ [Truy cập 11/11/2021] MatBao, “XAMPP gì? Cách cài đặt sử dụng XAMPP Windows Linux” [Trực tuyến] Địa chỉ: https://wiki.matbao.net/xampp-la-gi-cach-caidat-va-su-dung-xampp-tren-windows-va-linux/ [Truy cập 30/11/2021] HocLapTrinh, “Bootstrap gì?” [Trực tuyến] Địa chỉ: https://hoclaptrinh.vn /posts/bootstrap-la-gi [Truy cập 22/11/2021] 66 GIẤY XÁC NHẬN HOÀN THÀNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên 1: PHOMMALAILOUN Bouaban MSSV: 17152480201022 Họ tên sinh viên 2: PHAENGSOMPHAN Mouksup MSSV: 17152480201016 Lớp: K11TT Xác nhận sinh viên PHOMMALAILOUN Bouaban PHAENGSOMPHAN Mouksup chỉnh sửa báo cáo tốt nghiệp theo ý kiến Giảng viên hướng dẫn Hội đồng đánh giá Tên báo cáo thực tập tốt nghiệp: Xây dựng website quản lý visa Trưởng khoa Kon Tum, ngày tháng 04 năm 2022 Người hướng dẫn ...ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM BÁO CÁO ĐỒ ÁN TỐT NGHIỆP WEBSITE QUẢN LÝ VISA LƯU HỌC SINH TẠI UDCK GIẢNG VIÊN HƯỚNG DẪN : TS ĐỒNG NGỌC NGUYÊN THỊNH SINH VIÊN THỰC HIỆN... mềm để quản lý liệu việc cần thiết Số lượng lưu học sinh ngày tăng, website quản lý visa cho lưu học sinh học tập trường Đại học Đà Nẵng Kon Tum đời giúp giải phóng cơng sức cho người quản lý, truy... nối quản trị hệ quản trị sở liệu MySQL 1.3.3 Ứng dụng Thiết kế website với chức hỗ trợ cho việc quản lý lưu học sinh như: - Quản lý thông tin sinh viên; - Quản lý thông tin visa; - Quản lý tin