LỜI CẢM ƠN Trước tiên em gửi lời cảm ơn chân thành tới thầy cô giáo khoa Công nghệ thông tin trường Đại học Công nghệ thông tin truyền thơng nói chung, mơn mạng truyền thơng nói riêng tận tình truyền đạt, giảng dạy cho em kiến thức, kinh nghiệm quý báu suốt năm học tập rèn luyện trường Đặc biệt em xin gửi lời cảm ơn đến thầy giáo Lê Khánh Dương tận tình hướng dẫn, trực tiếp bảo em suốt thời gian làm đồ án tốt nghiệp Trong thời gian làm việc với thầy, em tiếp thu thêm nhiều kiến thức bổ ích mà học tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu Đây điều cần thiết cho em trình học tập cơng tác sau Sau em xin gửi lời cảm ơn chân thành tới gia đình, anh chị, bạn bè động viên, đóng góp ý kiến giúp đỡ em q trình học tâp, nghiên cứu hoàn thành đề tài Thái Nguyên, tháng 06 năm 2012 Sinh viên Hoàng Văn Tự LỜI CAM ĐOAN Em xin cam đoan: Những nội dung đồ án thân em thực hướng dẫn trực tiếp thầy giáo hướng dẫn : ThS Lê Khánh Dương Mọi tham khảo dùng đồ á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ệ có thơng tin sai lệch nào, em xin chịu hoàn toàn trách nhiệm trước Hội Đồng Sinh viên Hoàng Văn Tự MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG THUẬT NGỮ VIẾT TẮT LỜI NÓI ĐẦU CHƯƠNG 10 CƠ SỞ LÝ THUYẾT 10 1.1 Tổng quan cổng thông tin – Portal 10 1.1.1 Khái niệm Portal 10 1.1.2 Các chức Portal .13 1.1.3 Phân loại Portal 15 1.1.4 Các bước xây dựng Portal 16 1.2 Giới thiệu Joomla 18 1.2.1 Lịch sử hình thành phát triển Joomla 18 1.2.2 Các phiên Joomla 19 1.2.3 Đặc điểm Joomla .19 1.2.4 Thành phần Joomla 21 1.2.5 Các nhóm người sử dụng quyền truy cập 21 1.3 Giới thiệu ngôn ngữ sử dụng .28 1.3.1 Ngơn ngữ lập trình PHP 28 1.3.2 Hệ quản trị sở liệu MySQL 29 1.3.3 Giới thiệu ngôn ngữ UML .30 CHƯƠNG 32 PHÂN TÍCH THIẾT KẾ HỆ THỐNG .32 2.1 Khảo sát hệ thống 32 2.1.1 Giới thiệu trường Đại học Nông – Lâm Bắc Giang 32 2.1.2 Mô tả hệ thống hành 33 2.1.3 Đánh giá trạng hệ thống 33 2.1.4 Phương hướng giải 34 2.2 Phân tích thiết kế hệ thống .35 2.2.1 Yêu cầu hệ thống 35 2.2.2 Biểu đồ USER CASE .37 2.2.3 Đặc tả chi tiết ca sử dụng 39 2.2.4 Biểu đồ lớp .64 2.2.5 Chi tiết bảng liệu 65 CHƯƠNG 68 XÂY DỰNG VÀ PHÁT TRIỂN HỆ THỐNG 68 3.1 Kiến trúc Website 68 3.1.1 Thành phần Website 68 3.1.2 Bố cục Website 69 3.2 Xây dựng Website 70 3.2.1 Tạo danh mục Menu 70 3.2.2 Tạo tin cho Website 71 3.2.3 Tạo Module Custom HTML .72 3.3 Các giao diện Website .74 KẾT LUẬN 77 TÀI LIỆU THAM KHẢO 78 DANH MỤC HÌNH ẢNH DANH MỤC BẢNG Bảng 1.1: So sánh Portal với Website thông thường Error: Reference source not found Bảng 1.2: Các mức sử dụng front-end user Error: Reference source not found Bảng 1.3: Các mức sử dụng back-end users Error: Reference source not found Bảng 2.1: Luồng kiện chức xem thông tin 39 Bảng 2.2: Luồng kiện chức tìm kiếm thơng tin .40 Bảng 2.3: Luồng kiện chức gửi câu hỏi / ý kiến Error: Reference source not found Bảng 2.4: Luồng kiện chức đăng ký thành viên Error: Reference source not found Bảng 2.5: Luồng kiện chức đăng nhập user case thành viên………44 Bảng 2.6: Luồng kiện chức cập nhật thông tin Error: Reference source not found Bảng 2.7: Luồng kiện tình ca sử dụng đăng nhập Error: Reference source not found Bảng 2.8: Luồng kiện ca sử dụng quản lý thành viên 50 Bảng 2.9: Luồng kiện ca sử dụng quản lý viết .Error: Reference source not found Bảng 2.10: Luồng sư kiện ca sử dụng quản lý nhóm tin Error: Reference source not found Bảng 2.11: Luồng kiện ca sử dụng quản lý chủ đề .Error: Reference source not found Bảng 2.12: Luồng kiện ca sử dụng quản lý liên kết Error: Reference source not found THUẬT NGỮ VIẾT TẮT Từ viết tắt B2B Nghĩa tiếng Anh Business To Business G2G Government To Government CMS PHP GPL CMA Content Management System Hypertext Preprocessor General Public License Content Management Application Metacontent Management Application MMA Nghĩa tiếng Việt Mối quan hệ tương tác thông tin hai chiều doanh nghiệp Mối quan hệ tương tác thông tin hai chiều quan hành nhà nước Hệ thống quản trị nội dung Ngơn ngữ lập trình kịch Giấy phép nguồn mở Trình ứng dụng quản lý nội dung Trình ứng dụng quản lý siêu nội dung CDA Content Delivery Application HTML UML ISO Hypertext Markup Language Unified Modeling Language International Organization for Standardization Trình ứng dụng phân phối nội dung Ngôn ngữ liên kết siêu văn Ngơn ngữ mơ hình hợp Tổ quốc tế tiêu chuẩn hóa LỜI NĨI ĐẦU Ngày nay, khái niệm website Cổng thông tin điện tử trở lên phổ biến tổ chức có hệ thống website riêng, vừa kênh cung cấp thông tin tới người đọc vừa kênh để tác nghiệp hiệu Đối với đơn vị giáo dục Sở giáo dục, phòng giáo dục hay trường Đại học, Cao đẳng, THPT,… hệ thống website/ Cổng thơng tin điện tử trở lên quan trọng thiết thực Nó giúp cho cơng tác quản lý, điều hành cơng tác thơng tin nói chung tới học sinh, sinh viên, đơn vị trực thuộc,… nhanh chóng hiệu gấp nhiều lần phương thức truyền thống Ngồi ra, hệ thống website thơng tin cịn giúp cho đơn vị tạo dựng môi trường học tập nghiên cứu phong phú tiện lợi Các giáo viên trao đổi sáng kiến, kinh nghiệm, tài liệu điện tử,… Sinh viên truy cập nhanh chóng nguồn tài ngun học tập bổ ích; phụ huynh sinh viên theo dõi hoạt động Nhà trường kết học tập, rèn luyện em mình,… Trường Đại học Nơng – Lâm Bắc Giang có chức nhiệm vụ đào tạo bồi dưỡng đội ngũ cán kỹ thuật có trình độ Đại học, Cao đẳng, kỹ thuật viên trung học công nhân nghề kinh tế, kỹ thuật lĩnh vực nông lâm nghiệp đáp ứng nghiệp phát triển nông nghiệp nơng thơn góp phần tích cực cho nghiệp cơng nghiệp hóa, đại hóa đất nước Bên cạnh nhà trường cịn có nhiệm vụ nghiên cứu ứng dụng tiến khoa học kỹ thuật phục vụ hoạt động đào tạo đáp ứng yêu cầu phát triển ngành Do đó, việc xây dựng, nghiên cứu thiết kế tổ chức liệu Cổng thông tin trường Đại học Nông – Lâm Bắc Giang để phục vụ cho công tác quản lý, đạo chuyên mơn việc làm cần thiết, góp phần vào việc đổi mới, nâng cao chất lượng giáo dục chung toàn trường Xuất phát từ nhu cầu định hướng, dẫn Thạc sĩ Lê Khánh Dương, em chọn đề tài : “Xây dựng Cổng thông tin điện tử Trường Đại Học Nông - Lâm Bắc Giang” Về kết cấu đồ án, phần mở đầu, tài liệu tham khảo, đồ án trình bày chương: Chương : Cơ sở lý thuyết Chương : Phân tích thiết kế hệ thống Chương : Xây dựng phát triển hệ thống Do hạn chế kiến thức lực nên đồ án khơng tránh khỏi thiếu sót Mong góp ý thầy bạn bè Em xin chân thành cảm ơn Thạc sĩ Lê Khánh Dương, hướng dẫn em chuyên môn, phương pháp làm việc để em xây dựng hồn thành nội dung đồ án theo kế hoạch Qua đây, em xin gửi lời cảm ơn chân thành tới thầy, cô khoa Công nghệ thông tin - trường Đại học Công nghệ thông tin truyền thông giúp đỡ, tạo điều kiện để em hồn thành tốt đồ án Thái Ngun, tháng 06 năm 2012 Sinh viên thực Hoàng Văn Tự CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Tổng quan cổng thông tin – Portal 1.1.1 Khái niệm Portal  Định nghĩa Portal Thuật ngữ “Cổng thông tin - Portal” xuất từ năm 1998, thuật ngữ cịn có nhiều vấn đề cần phải tiếp tục bàn bạc, trao đổi Do vậy, thời điểm chưa đưa định nghĩa hoàn chỉnh thống Sau số khái niệm Portal thường sử dụng : - Portal giao diện dựa web tích hợp cá nhân hóa tới thơng tin, ứng dụng dịch vụ hợp tác - Portal cổng tới trang web, cho phép khối lượng lớn thơng tin sẵn có Internet ứng dụng tích hợp, tuỳ biến, cá nhân hóa theo mục đích người sử dụng - Portal điểm đích truy cập Internet mà qua người dùng khai thác dịch vụ cần thiết “tất một” - Portal giao diện web đơn, cung cấp truy cập cá nhân tới thơng tin, ứng dụng, xử lý thương mại nhiều Với cơng nghệ Portal, tổ chức giảm cường độ, lại tăng giá trị lao động đặc biệt làm tăng giá trị sản phẩm Các tổ chức tích hợp thơng tin phạm vi môi trường làm việc, ứng dụng dịch vụ sử dụng giao diện đơn lẻ - Portal giao diện dựa Web, tích hợp thơng tin dịch vụ có Nó cho phép khai báo, cá biệt hóa thơng tin dịch vụ, cho phép quản trị nội dung hỗ trợ chuẩn nội dung giao diện hiển thị Nó cung cấp cho người dùng điểm truy cập cá nhân, bảo mật tương tác với nhiều loại thông tin, liệu dịch vụ rộng rãi đa dạng lúc nơi nhờ sử dụng thiết bị truy cập Web 10 2.2.5 Chi tiết bảng liệu a) Bảng jos_users Hình 2.30: Chi tiết bảng jos_users b) Bảng jos_sections Hình 2.31: Chi tiết bảng jos_sections 65 c) Bảng jos_Categories Hình 2.32: Chi tiết bảng jos_Categories d) Bảng jos_content Hình 2.33: Chi tiết bảng jos_content 66 e) Bảng jos_contact_details Hình 2.34: Chi tiết bảng jos_contact_details  Giải thích trường bảng sở liệu - id: khóa - title: tiêu đề bảng liệu - name: tên bảng sở liệu, có kiểu liệu varchar() gồm 255 ký tự - alias: bí danh dùng để thay đổi tên bảng liệu - ordering: thứ tự bảng liệu, kiểu liệu số nguyên - int(11) - utf8_general_ci: charset database, để hỗ trợ tiếng việt (Font Unicode) - address: trường địa chỉ, kiểu liệ nhập vào dạng text - published: cho phép hiển thị - modified_by: id người chỉnh sửa - modified: ngày chỉnh sửa - created_by: id người tạo content - created: ngày tạo content… 67 CHƯƠNG XÂY DỰNG VÀ PHÁT TRIỂN HỆ THỐNG 3.1 Kiến trúc Website 3.1.1 Thành phần Website Gồm phần chính: - Tầng trình diễn – Front End: giao diện truy cập vào Website người sử dụng thông thường Tầng xây dựng dựa module, template mà Joomla! hỗ trợ sẵn template, module người phát triển tự định nghĩa, xây dựng nên Ví dụ, Joomla! có sẵn module để xem tin module “Lastest News”; module “Popular News” để xem tin nhiều người truy cập Module “Search” Joomla! giúp người duyệt web dễ dàng tìm tin với từ khố liên quan … Phần quản trị (back end) Joomla! cung cấp cơng cụ cho phép kích hoạt, sử dụng module sẵn có Hoặc trang PHP muốn sử dụng module, cần thêm câu lệnh load Module(“vị trí module”) - Tầng quản trị - Back End: giao diện quản trị hệ thống Website Joomla! có sẵn tập cơng cụ (component) cho phép thực công việc quản trị tạo tin bài, chỉnh sửa, xuất bản, chọn ngôn ngữ, chỉnh template… - Tầng CSDL – tầng bao gồm tập bảng liệu Joomla!, (để phục vụ cho component, module Joomla!) Người sử dụng tạo bảng liệu cho module, component riêng Các bảng liệu Joomla! liên quan đến thông tin quản lý người sử dụng, hệ thống menu trang web, trang tin, viết… - Phần Joomla! Framework : Phần chứa tập thư viện mà Joomla! cung cấp sẵn, liên quan đến trình truy xuất sở liệu, tạo giao diện… Module, component xây dựng dựa thư viện 68 Hình 3.1: Kiến trúc Website 3.1.2 Bố cục Website Gồm phần: • Phần đầu: gồm logo trường • Phần chính: gồm khung + Khung trái: gồm menu có mục Giới thiệu chung, phịng - trung tâm, khoa – môn , thông tin, liên kết nhanh… + Khung giữa: nội dung tin tức + Khung phải: bao gồm menu có mục slide ảnh, tuyển sinh, thông báo mới, viết mới… • Phần cuối: địa trường - Banner: nơi đặt hình ảnh có tính minh hoạ tên - Search box: hộp nhập liệu để đưa vào tiêu chí tìm kiếm - Hệ thống menu chính: menu quan trọng thể cột trái - Hệ thống menu nằm ngang: hệ thống menu nhờ script trỏ chuột vào nội dung cần xem - Nội dung: phần Website, cung cấp thơng tin cần thiết cho người truy cập cách đầy đủ - Liên kết Web: từ website truy cập vào số trang web khác 69 3.2 Xây dựng Website 3.2.1 Tạo danh mục Menu Bước 1: Đầu tiên đăng nhập vào giao diện quản trị hệ thống: Hình 3.2: Giao diện quản trị hệ thống Bước 2: Di chuyển trỏ vào “Menus” chọn “Menu Manager” Hình 3.3: Giao diện Menu Manager Bước 3: Tiếp nhấn New để tạo Menu Bước 4: Nhập tên cho Menu vào mục “Title” “Unique Name” 70 Hình 3.4: Giao diện thêm Menu Bước 5: Nhấn “Save” để lưu thiết lập Như vậy, việc xây dựng hệ thống menu tương ứng với khoản mục lặp lặp lại qua bước 3.2.2 Tạo tin cho Website Để soạn tin hay viết thực qua bước sau: Bước 1: Đăng nhập vào giao diện quản trị hệ thống Bước 2: Chọn mục “Content Article Manager” Tiếp nhấn New Bước 3: Nhập tiêu đề tin vào mục “Title” “ Alias” Chọn section category tương ứng cho tin Hình 3.5: Giao diện chuẩn viết 71 Bước 4: Tiến hành soạn tin mục “Intro Text” “Main Text” Bước 5: Sau soạn xong tin, nhấn nút Save để lưu tin vào CSDL Bước 6: Sau bước 4, tin tạo chưa xuất Để hiển thị tin lên trang web, phải tạo mục hệ thống menu tương ứng với tin Điều thực qua giao diện quản trị “Menus” Bước 7: Chọn tiếp mục Menu “GIỚI THIỆU CHUNG” xuất khoản mục “Menu Item Manager: [gioithieuchung]” Hình 3.6: Giao diện Menu Item Manager Bước 8: Nhấn New để tạo khoản mục Bước 9: Chọn loại hình liên kết “Link to Articles /Articles ” Bước 10: Trong mục “Title”, nhập vào tiêu đề menu cần hiển thị, ví dụ “Giới thiệu trường” Trong mục “Parameters(Basic)”, chọn viết tương ứng Bước 11: Cuối nhấn “Save” để lưu thông tin Làm bước với tin tạo viết hiển thị nhấn vào khoản mục tương ứng hệ thống Menu 3.2.3 Tạo Module Custom HTML Bước 1: Đăng nhập vào giao diện quản trị hệ thống Bước 2: Chọn mục “Module Manager” mục “Extensions” Tiếp nhấn “New” để tạo module Bước 3: Chọn module CustomHTML Trong Joomla! hỗ nhiều module có sẵn như: Login, Who’s Online, Latest News, Custom HTML… 72 Hình 3.7: Giao diện tạo Module Bước 4: Điền mục “Title” tiêu đề module chọn vị trí module cần hiển thị Website phần “Position” Bước 5: Tiến hành soạn tiêu đề tin mục “Custom Output”, liên kết tiêu đề tới link viết tạo sẵn Hình 3.8: Giao diện chỉnh sửa Module Bước 6: Cuối nhấn “Save” để lưu thông tin 73 3.3 Các giao diện Website Hình 3.9: Giao diện trang chủ Website 74 Hình 3.10: Giao diện viết hiển thị Hình 3.11: Giao diện trang liên hệ 75 Hình 3.12: Giao diện đăng ký thành viên 76 KẾT LUẬN Sau thời gian học hỏi, nghiên cứu tài liệu nhận giúp đỡ tất thầy cô giáo khoa Công Nghệ Thông Tin, đặc biệt dẫn tận tình giáo viên hướng dẫn, em hồn thành báo cáo đồ án tốt nghiệp mức độ nghiên cứu lý thuyết, đến đưa giải pháp thực tế cài đặt chương trình tạo demo với chức Về ưu điểm: Website cung cấp thông tin phục vụ nhu cầu nhà trường nhu cầu cần thiết tổ chức hay cá nhân khác, phục vụ nhu cầu trao đồi kinh nghiệm học tập, nghiên cứu giảng viên sinh viên, hay thành viên ngồi trường….Thơng qua cổng thơng tin đơn vị theo dõi tình hình nhà trường hoạt động từ thúc đẩy hội giao lưu học hỏi hợp tác với đơn vị tổ chức khác Về nhược điểm: Hệ thống chưa thật tối ưu, gặp phải số lỗi nhỏ vấn đề bảo mật cổng thông tin điện tử yếu Hướng phát triển : + Xây dựng thêm số modul giúp cho việc học tập sinh viên dễ dàng thi trắc nghiệm trực tuyến… + Cung cấp tối đa khả tương tác với hệ thống cho thành viên Xây dựng hệ thống có khả cung cấp, đáp ứng nhiều nhu cầu người duyệt web + Nghiên cứu xây dựng hệ thống bảo mật cho cổng thông tin điện tử để tránh hành vi xâm phạm bất hợp pháp 77 TÀI LIỆU THAM KHẢO [1] Đặng Văn Đức, “Phân tích thiết kế hướng đối tượng UML”, NXB Giáo Dục, 2002 [2] Andy Wallace, Steve White, “The Official Joomla! User Manual for 1.0.11”, 2006 [3] Nguyễn Trường Sinh, “Sử dụng PHP MySQL thiết kế Web động”, NXB Minh Khai, 2008 [4] Hege Refsnes, Kai Jim Refsnes with C Michael Woodward, “Learn HTML and CSS with w3schools”, Published by Wiley Publishing, 2010 [5] The Joomla! Extensions Directory [6] Một số website diễn đàn: 78 ... thiệu trường Đại học Nông – Lâm Bắc Giang Trường Đại học Nơng - Lâm Bắc Giang đóng địa bàn xã Bích Sơn huyện Việt Yên - tỉnh Bắc Giang, trường Đại học công lập nằm hệ thống giáo dục Đại học Việt... thành viên ngồi trường? ??thì nhà trường cần xây dựng cổng thông tin để đăng tải thông tin trường thông tin phịng ban, thơng tin mơn, thơng tin việc đào tạo, văn pháp quy, thông tin cần thiết phục... dung cổng thông tin điện tử trường Đại học Nông - Lâm Bắc Giang thể nội dung sau: • Giới thiệu lịch sử trường, sở vật chất, cấu tổ chức • • • • • trường Thơng tin khoa đội ngũ cán giảng viên Thông