XÂY DỰNG và NÂNG cấp TRANG WEB đơn vị KHOA TRUNG tâm TRƯỜNG đại học QUẢNG BÌNH

TRƯỜNG ĐẠI HỌC QUẢNG BÌNH BÁO CÁO TỔNG KẾT ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CỦA SINH VIÊN ĐỀ TÀI: XÂY DỰNG VÀ NÂNG CẤP TRANG WEB ĐƠN VỊ KHOA VÀ TRUNG TÂM TRƯỜNG ĐẠI HỌC QUẢNG BÌNH MÃ SỐ: SV02.2018 Sinh viên chịu trách nhiệm chính: Nguyễn Đăng Ý Ngành học: Công nghệ thông tin Khoa: Kỹ thuật – Cơng nghệ thơng tin Quảng Bình, năm 2019 Khóa học: K59 TRƯỜNG ĐẠI HỌC QUẢNG BÌNH BÁO CÁO TỔNG KẾT ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CỦA SINH VIÊN ĐỀ TÀI: XÂY DỰNG VÀ NÂNG CẤP TRANG WEB ĐƠN VỊ KHOA VÀ TRUNG TÂM TRƯỜNG ĐẠI HỌC QUẢNG BÌNH MÃ SỐ: SV02.2018 Nhóm ngành khoa học: Kỹ thuật – Cơng nghệ Nhóm sinh viên thực hiện: - Nguyễn Đăng Ý - Đồn Thị Ngân - Hồng Quốc Tiền Ngành: Cơng nghệ thông tin Ngành: Công nghệ thông tin Ngành: Công nghệ thông tin Giảng viên hướng dẫn: TS Trần Văn Cường Quảng Bình, năm 2019 Khóa: 59 Khóa: 57 Khóa: 59 MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC VIẾT TẮT PHẦN MỞ ĐẦU PHẦN NỘI DUNG GIỚI THIỆU MÃ NGUỒN MỞ WORDPRESS 1.1 Các thành phần website 1.2 Khái niệm mã nguồn mở wordpress Một số đặc điểm WordPress 10 Wordpress làm gì? 10 Wordpress mang lại lợi ích gì? 11 Hướng dẫn cài đặt mã nguồn mở WordPress: 12 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 21 2.1 Khảo sát trạng 21 Địa điểm khảo sát 21 Mục đích khảo sát 21 Đối tượng khảo sát 21 2.2 Các yêu cầu 21 2.3 Phân tích thiết kế hệ thống từ mơ hình UML 23 Xác định Actor 23 Biểu đồ sơ đồ chức 23 Đặc tả mơ hình UML 26 UseCase Diagram 27 Sequence Diagram 28 CÀI ĐẶT VÀ XÂY DỰNG HỆ THỐNG 30 3.1 Kết nối database phpMyAdmin 30 3.2 Trang quản trị website 31 Đăng nhập 31 Cách đăng post 32 3.3 Tạo người dùng quản lý 38 3.4 Giao diện website 40 3.5 Một số chức 48 Tìm kiếm thơng tin 48 Chức lịch tuần 49 Chức đặt lịch phòng máy 49 Chức trao đổi, chia sẻ tài liệu học tập 50 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 51 TÀI LIỆU THAM KHẢO 52 DANH MỤC HÌNH ẢNH Hình 1.2.1: Download mã nguồn Wordpress 12 Hình 1.2.2: Trang quản trị Cpanel 13 Hình 1.2.3: Upload file lên Cpanel 13 Hình 1.2.4: Cấu hình upload file 13 Hình 1.2.5: Upload thành cơng 14 Hình 1.2.6: Upload data filezilla 14 Hình 1.2.7: Chọn extract để giải nén file tải 14 Hình 1.2.8: Click vào Extract File để tiến hành giải nén 15 Hình 1.2.9: Quá trình giải nén liệu 15 Hình 1.2.10: Di chuyển file vừa giải nén 16 Hình 1.2.11: Chọn Move File để di chuyển 16 Hình 1.2.12: Cài đặt cấu hình cài đặt 17 Hình 1.2.13: Thơng tin gói cài đặt 17 Hình 1.2.14: Điền thơng tin database liên quan 18 Hình 1.2.15: Hồn tất q trình kết nối database 18 Hình 1.2.16: Điền thơng tin quản trị admin 18 Hình 1.2.17: Thơng báo cài đặt thành cơng 19 Hình 1.2.18: Giao diện trang quản trị Wordpress 19 Hình 1.2.19: Trang chủ wordpress 20 Hình 2.2.1: sơ đồ chức người dung 23 Hình 2.2.2: Sơ đồ chức Admin 24 Hình 2.2.3: Sơ đồ chức thống kê Admin 25 Hình 2.2.4: Sơ đồ chức admin biên tập viên 25 Hình 2.2.5: Sơ đồ chức Admin quản trị viên 26 Hình 2.2.6: Đặc tả mơ hình UML 27 Hình 2.2.7: Usecase diagram admin 27 Hình 2.2.8: Usecase diagram admin - Quản lý User 28 Hình 2.2.9: Sequence diagram Đăng ký thành viên 28 Hình 2.2.10: Sequence diagram Đăng nhập 29 Hình 2.2.11: Sequence diagram Đăng 29 Hình 3.1.1: Các liên kết bảng phpMyAdmin 30 Hình 3.1.2: Các bảng phpMyAdmin 30 Hình 3.2.1: Đăng nhập trang quản trị 31 Hình 3.2.2: Hiển thị trang quản trị Wordpress 31 Hình 3.2.3:Menu post phía trái trang quản trị 32 Hình 3.2.4: Nhấn vào nút Add New 32 Hình 3.2.5: Hiển thị trang thêm viết 33 Hình 3.2.6: Thêm nội dung vào viết 33 Hình 3.2.7: Mở rộng khung soạn thảo 34 Hình 3.2.8: Thêm Category 35 Hình 3.2.9: Tải hình ảnh lên cho viết 35 Hình 3.2.10: Chọn hình ảnh cần thêm 36 Hình 3.2.11: Publish viết 36 Hình 3.2.12: Hiển thị viết vửa đăng 37 Hình 3.3.1: Giao diện thêm người dùng 38 Hình 3.4.1: Hiển thị trang chủ 42 Hình 3.4.2: Hiển thị menu ngang 42 Hình 3.4.3: Danh mục giới thiệu 43 Hình 3.4.4: Danh mục thơng báo 43 Hình 3.4.5: Danh mục nghiên cứu 43 Hình 3.4.6: Danh mục đào tạo 43 Hình 3.4.7: Danh mục sinh viên 44 Hình 3.4.8: Danh mục góp ý 44 Hình 3.4.9: Danh mục liên hệ 44 Hình 3.4.10: Hiển thị Banner 44 Hình 3.4.11: Menu dọc 45 Hình 3.4.12: Liên hệ 45 Hình 3.4.13: Hiển thị thông báo 45 Hình 3.4.14: Hiển thị tin tức 46 Hình 3.4.15: Hiển thị liên kết nhanh 48 Hình 3.4.16: Hiển thị footer 48 Hình 3.5.1: Giao diện trang chủ trang web – danh mục tìm kiếm 48 Hình 3.5.3: Giao diện trang lịch tuần 49 Hình 3.5.4: Giao diện trang đặt lịch phòng máy 49 Hình 3.5.5: Giao diện trang tài liệu học tập 50 DANH MỤC VIẾT TẮT Các từ viết tắt Diễn giải CMS Content Management System PHP Hypertext Preprocessor SEO Search Engine Optimization UML Ngơn ngữ mơ hình hóa thống WP WordPress PHẦN MỞ ĐẦU Lý chọn đề tài Cùng với xu phát triển interrnet công nghệ web 2.0, người có thay đổi lớn việc tiếp nhận thông tin Internet trở thành mơi trường truyền tin xã hội ngày Sự phát triển thiết bị di động, tăng nhanh tốc độ đường truyền, phát triển mạnh mẽ công nghệ tạo tiền đề cho phát triển website Thông tin internet trở thành kênh thông tin phổ biến thời đại ngày Các website, mạng xã hội mang lại tiện ích to lớn việc đưa thông tin tới người dùng cách nhanh, thuận lợi việc quảng bá thông tin Một trang web phong phú nội dung, đẹp hình thức hợp lý bố cục yêu cầu cần thiết cho việc thu hút người dùng mạng Tại trường Đại học Quảng Bình, đơn vị Khoa sử dụng website đơn vị để đăng thơng tin hoạt động chuyên môn, hoạt động sinh viên, thông tin tuyển sinh, việc làm, Website Khoa thể sứ mạng quan trọng việc đưa thông tin Khoa tới sinh viên, người dùng quan tâm đặc biệt phục vụ công tác tuyển sinh Tuy nhiên, số hạn chế trang web cần khắc phục, làm như: bố cục trang web, tổ chức xếp tin đăng, phong phú chủ đề web, Đây yêu cầu cần thiết việc thu hút người dùng Xây dựng nâng cấp trang web Khoa yêu cần thiết thực; trang web giàu thơng tin, đẹp hình thức, bố cục hợp lý sở để thu hút nhiều người quan tâm, đáp ứng yêu cầu cho phát triển đơn vị, đặc biệt công tác quảng bá thông tin tuyển sinh Khoa Là sinh viên chuyên ngành Công nghệ thông tin, nhận thấy cần thiết phải thiết kế, nâng cấp trang web khoa Đây hội tốt cho sinh viên áp dụng kiến thức học vào thực tế đặc biệt Khoa, Trường học tập Lịch sử vấn đề nghiên cứu Với tốc độ phát triển nhanh internet tốc độ ứng dụng, web trở thành phương tiện truyền tin ứng dụng online chủ yếu thời đại ngày Xây dựng website vấn đề nhận quan tâm lớn người làm việc lĩnh vực công nghệ thông tin Xây dựng website đảm bảo tính hiệu việc truyền tin trở thành vấn đề quan tâm hàng đầu việc thiết kế web Việc thiết kế trang web khơng cịn vấn đề mới, thể rõ số lượng trang web sử dụng internet Bên cạnh thiết kế trang web mới, việc thiết kế lại trang web có vấn đề nhận điều quan tâm nhằm đáp ứng tốt phát triển đổi Trường Đại học Quảng Bình xây dựng website Nhà trường đơn vị trực thuộc nhằm truyền thông thông tin Nhà trường đến người quan tâm Sau thời gian sử dụng, trang web củ bộc lộ hạn chế cần khắc phục Một đề tài nâng cấp trang web Nhà trường triển khai có sản phần sử dụng thử nghiệm Việc nâng cấp trang web Khoa, Trung tâm vấn đề cần triển khai để khắc phục hạn chế, nhược điểm hệ thống Mục tiêu nghiên cứu - Thiết kế trang Web cho đơn vị Khoa, Trung tâm đảm bảo tính thẩm mỹ, thân thiện, bố cục trang web hợp lý trình bày thông tin Khoa Kỹ thuật - Công nghệ thông tin đơn vị chọn để cài đặt mẫu, chạy thử nghiệm nghiệm thu đề tài - Trang web phù hợp với nhiều đối tượng mục đích sử dụng khác xem tin, đọc-tải tài liệu học tập, đăng quảng cáo tuyển sinh, việc làm, Nội dung nghiên cứu - Nghiên cứu, tìm hiểu ngơn ngữ lập trình web phù hợp cơng cụ bổ trợ khác cho thiết kế web - Trên sở phân tích đánh giá trang web tại; tiến hành phân tích, thiết kế hệ thống trang web - Mô tả chi tiết chức cần có trang web xây dựng bố cục giao diện cho trang web - Cài đặt trang web hoàn thiện sản phẩm Đối tượng, phạm vi, phương pháp nghiên cứu  Đối tượng:  Các công cụ thiết kế lập trình web  Tổ chức hoạt động Khoa, trung tâm  Hành vi người dùng web 3.3 Tạo người dùng quản lý Để tạo thêm người dùng, bạn truy cập vào Dashboard –> Users –> Add New, bạn cần khai báo thông tin cho người dùng muốn tạo Các thơng tin khơng có chữ required khơng bắt buộc khai báo Hình 3.3.1: Giao diện thêm người dùng  Username: Tên đăng nhập người dùng để đăng nhập vào website  E-mail: Email người dùng cần tạo  First: Tên người dùng  Last Name: Họ người dùng  Website: Địa website họ  Password: Thiết lập mật cho họ  Repear Password: Nhập lại mật  Send Password?: Gửi mật username qua email họ (tự động)  Role: Nhóm thành viên cần thiết lập cho người dùng này:  Super Admin – Nhóm người dùng cao có quyền quản trị tồn hệ thống thực WordPress có tính tạo mạng website nội tên WordPress MultiUser Ngồi ra, Super Admin có quyền xóa người dùng nhóm Administrator  Administrator – Nhóm người dùng có quyền sử dụng tồn tính có website WordPress, không bao gồm website khác mạng website nội  Editor – Nhóm có quyền đăng viết lên website (publish) quản lý post khác người dùng khác  Author – Nhóm có quyền đăng lên website quản lý post họ  Contributor – Nhóm có quyền viết khơng phép đăng lên mà gửi để xét duyệt (Save as Review) quản lý post họ  Subscriber – Người dùng nhóm quản lý thơng tin cá nhân họ Nhập xong thông tin người dùng, bạn ấn vào nút Add New User để bắt đầu tạo người dùng Sau tạo xong người dùng, bạn xem danh sách người dùng có website Dashboard –> Users –> All Users 3.4 Giao diện website  Trang chủ Hình 3.4.1: Hiển thị trang chủ  Liên kết với khoa, phòng, trung tâm Liên kết khoa Liên kết phòng Liên kết trung tâm  Logo tìm kiếm thơng tin  Menu ngang Hình 3.4.2: Hiển thị menu ngang Hình 3.4.3: Danh mục giới thiệu Hình 3.4.4: Danh mục thơng báo Hình 3.4.5: Danh mục nghiên cứu Hình 3.4.6: Danh mục đào tạo Hình 3.4.7: Danh mục sinh viên Hình 3.4.8: Danh mục góp ý Hình 3.4.9: Danh mục liên hệ  Banner Hình 3.4.10: Hiển thị Banner  Menu dọc  Liên hệ Hình 3.4.11: Menu dọc Hình 3.4.12: Liên hệ  Nội dung hiển thị Hình 3.4.13: Hiển thị thơng báo Hình 3.4.14: Hiển thị tin tức  Liên kết nhanh Hình 3.4.15: Hiển thị liên kết nhanh  Footer Hình 3.4.16: Hiển thị footer 3.5 Một số chức Tìm kiếm thơng tin Bạn đọc dễ dàng tìm kiếm thơng tin liên quan với mục “tìm kiếm thơng tin” cách nhanh chóng, dễ dàng thuận tiện Hình 3.5.1: Giao diện trang chủ trang web – danh mục tìm kiếm Chức lịch tuần Hình 3.5.2: Giao diện trang lịch tuần Chức đặt lịch phòng máy Hình 3.5.3: Giao diện trang đặt lịch phịng máy Chức trao đổi, chia sẻ tài liệu học tập Hình 3.5.4: Giao diện trang tài liệu học tập KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Sau thời gian tìm hiểu nghiên cứu đề tài: “Xây dựng nâng cấp trang web đơn vị Khoa, Trung tâm Trường Đại học Quảng Bình” chúng tơi phát triển hồn thành theo yêu cầu đề Một số kết đạt đề tài sau:  Ưu điểm  Xây dựng trang web phong phú nội dung, đa dạng chức  Trang web phù hợp với nhiều đối tượng mục đích sử dụng khác xem tin, đọc-tải tài liệu học tập, đăng quảng cáo tuyển sinh, lịch tuần,…  Đáp ứng nhu cầu của số người dùng  Phân loại thông tin đăng, giao diện thân thiện thu hút nhiều người dùng  Nhược điểm  Một số bố cục chưa thẩm mỹ màu sắc  Một số chức trang web chưa hoàn thiện  Trang quản trị cịn khó sử dụng với người quản trị chưa biết WP Hướng phát triển  Xây dựng số chức dựa nhu cầu người dùng  Các chức trang web trung tâm hoàn thiện theo đặc thù trung tâm  Cần có đầu tư thiết kế đồ họa để đảm bảo trang web thẩm mỹ TÀI LIỆU THAM KHẢO Xây dụng ứng dụng Web PHP & MySQL – Phạm Hữu Khanh – Nhà xuất Phương Đông Phân tích thiết kế hệ thống hướng đối tượng UML – Đặng Văn Đức – Nhà xuất giáo dục năm 2002 https://vi.wikipedia.org/wiki/WordPress https://google.com.vn https://www.youtube.com/ ...TRƯỜNG ĐẠI HỌC QUẢNG BÌNH BÁO CÁO TỔNG KẾT ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CỦA SINH VIÊN ĐỀ TÀI: XÂY DỰNG VÀ NÂNG CẤP TRANG WEB ĐƠN VỊ KHOA VÀ TRUNG TÂM TRƯỜNG ĐẠI HỌC QUẢNG BÌNH MÃ... cập vào website đơn vị Khoa, Trung tâm trường đại học o Khảo sát danh mục yêu thích người dùng truy cập vào website o Khảo sát mong muốn người tham gia truy cập vào website, bố cục, giao diện website... tốt phát triển đổi Trường Đại học Quảng Bình xây dựng website Nhà trường đơn vị trực thuộc nhằm truyền thông thông tin Nhà trường đến người quan tâm Sau thời gian sử dụng, trang web củ bộc lộ hạn