TÀI LIỆU TẬP HUẤN GIÁO VIÊN TRƯỜNG HỌC KẾT NỐI

Mục Lục : Mục Lục : .1 Tổng quan : 1.2 Tổng quan ứng dụng web 1.2 Tổng quan Portal .3 Cài đặt server .5 2.1 Cài đặt Windows 2.1.1 Chuẩn bị 2.1.2 Cài đặt .6 2.1.3 Monitering 2.2 Cài đặt Linux 2.2.1 Chuẩn bị cài đặt Giới thiệu CiPortal 3.1 Giới thiệu .9 3.2 Cấu trúc CiPortal 10 3.3 Block CiPortal 12 3.4 Module CiPortal .13 3.5 Phân quyền CiPortal 13 3.6 Bảo mật CiPortal 15 Cài đặt CiPortal 22 4.1 Chuẩn bị .22 4.2 Cài đặt 23 4.2.1 Bước .24 24 4.2.3 Bước : 24 25 4.2.4 Bước : 25 4.2.5 Bước : 25 4.2.6 Bước : 26 4.2.7 Bước .26 Menu ngang : 29 5.1 Thông tin : 29 5.2 Cấu hình : 30 Cấu hình site : 31 5.2.1 Cấu hình chung : .32 5.2.2 Cấu hình FTP: 33 5.2.3 Cấu hình Meta-Tags: .34 5.2.4 Cấu hình máy chủ tìm kiếm : 34 5.2.5 Quản lý IP cấm : 35 5.2.6 Cấu hình upload : 36 Quản lý modules : 37 6.1 Thiết lập modules : .38 6.2 Thêm modules ảo : .39 Quản lý giao diện : 41 7.1 Giới thiệu : 41 42 7.2 Thêm giao diện 43 7.3 Đóng gói giao diện : 43 Chức quản trị site viết : 44 8.1 Giới thiệu : 44 8.2 Tin Tức : .46 8.2.1 Quản lý chuyên mục : .46 8.2.2 Thêm viết : 48 8.2.3 Theo dòng kiện : 51 8.2.4 Các nhóm tin : 52 8.3 Văn pháp quy : 52 8.3.1 Thêm viết : 53 8.3.2 Quản lý chủ đề : 55 8.4 Thủ tục hành : 56 8.4.1 Thêm viết : 57 8.4.2 Quản lý chủ đề : 58 8.5 Thông tin tư liệu : .59 8.5.1 Thêm file : .61 8.5.2 Quản lý chủ đề : 62 8.6 Hình ảnh : 63 8.6.1 Thêm album : 63 8.6.2 Thêm ảnh : .65 8.7 Quảng cáo : 65 8.7.1 Thêm khách hàng : 67 8.7.2 Thêm khối : .68 8.7.3 Thêm quảng cáo : 69 Phát triển CiPortal 69 9.1 Cấu trúc CiPortal 69 9.2 Các yêu cầu phát triển CiPortal 70 Tổng quan : 1.2 Tổng quan ứng dụng web Ứng dụng web (web based applications) dạng ứng dụng triển khai theo mơ hình Client/ Server Trong thành phần ứng dụng web có số thành phần chạy Server webserver (Apache, IIS, WebLogic, Sun Application Server, …), database server (MSSQL, MySQL, Oracle, DB2, …), ngôn ngữ phát triển ứng dụng (Java, dotNET, PHP, Python, …), …; số thành phần chạy phía Client ngôn ngữ mô tả (HTML, XML), ngôn ngữ script (Javascript, Vbscript, …) Các ứng dụng web hiển thị nội dung tới người dùng phải thông qua ứng thơng dịch mã webserver trả về, browser Mơ hình triển khai ứng dụng web sau: 1.2 Tổng quan Portal Từ Portal (cổng) vốn thuật ngữ kiến trúc, lối vào tòa nhà lớn Trong lĩnh vực CNTT, Portal có ý nghĩa tương tự Có thể coi cổng vào kho thơng tin lớn, đa dạng Qua Portal, đối tượng người dùng khác truy cập đến nhiều loại thơng tin khác theo cách thức thống Hiện có nhiều loại Portal: Portal cơng cộng, Portal riêng công ty tổ chức, Portal chuyên ngành , gần xuất siêu Portal Portal dẫn đến Portal mức Hãy đề cập đến Portal công cộng Khác với Portal chuyên ngành thường tập trung vào lĩnh vực hẹp sâu hơn, thông tin Portal công cộng cung cấp bao trùm nhiều lĩnh vực, nhiều chủ đề lĩnh vực lớn kinh tế, khoa học, công nghệ, y học, thể thao, âm nhạc Portal tích hợp thơng tin từ nhiều nguồn khác Ví dụ Portal tầm quốc gia phải tích hợp thơng tin từ trung ương bộ, ngành, địa phương Portal thành phố phải tích hợp thơng tin từ quận, huyện sở, ban, ngành Portal phục vụ cho nhiều lớp đối tượng sử dụng với nhu cầu thông tin khác Ví dụ Portal thành phố phải cung cấp thơng tin thủ tục hành cho người dân thường, thông tin dự án cho nhà đầu tư, thông tin đồ, thắng cảnh cho khách du lịch Mọi đối tượng sử dụng tìm kiếm khai thác kho thông tin đa dạng cách dễ dàng qua giao diện thống mà không cần biết thơng tin nằm đâu, quản lý Ví dụ, người dân phải tìm thấy sử dụng dịch vụ hành mà họ cần, khơng cần quan tâm đến cấp quyền nào, quan liên quan đến thủ tục hành Một đặc trưng bật phân biệt Portal với website thông thường khả người dùng giao tiếp trực tuyến, hai chiều để khai thác dịch vụ công Những điều kiện để xây dựng phát triển Portal Trước hết, để xây dựng Portal phải có lượng thơng tin lớn, đa dạng, từ nhiều nguồn thông tin cần thiết cho nhiều loại đối tượng sử dụng khác Bản thân đơn vị làm chủ Portal đơn vị thành viên phải có sở hạ tầng CNTT tương đối phát triển Ví dụ muốn xây dựng Portal quốc gia, phải có hệ thống thơng tin tiên tiến bộ, ngành, địa phương phải có sở hạ tầng viễn thông đủ phát triển để kết nối hệ thống thông tin với trung ương Hoặc muốn xây dựng Portal tỉnh, thành phố cần phải có hệ thống thơng tin quận, huyện sở, ban, ngành Xây dựng Portal trình phức tạp đòi hỏi đầu tư lâu dài Nhìn chung, phải chia thành nhiều bước: lập kế hoạch, thực thí điểm, đánh giá, điều chỉnh, trì, phát triển mở rộng Một yếu tố khơng thể thiếu phải có đạo tập trung phối hợp chặt chẽ thành viên tham gia hệ thống Portal từ đầu để đảm bảo tính tương thích hợp chuẩn thành phần Portal Vì vậy, xu hướng sau khơng đúng: • Xây dựng website tin tức đơn giản gọi Portal • Tập trung phần lớn kinh phí xây dựng Portal để mua thiết bị, chưa có chuẩn bị thơng tin, phần mềm đội ngũ cán đủ lực • Đầu tư lớn để xây dựng Portal sau khơng dành đủ kinh phí để trì hoạt động phát triển tiếp Về mặt công nghệ, Portal cơng cộng cần có tính sau: • Giao diện web • Tích hợp thơng tin từ nguồn liệu bên ngoài, từ ứng dụng có sẵn website khác dựa chuẩn trao đổi thơng tin • Có cơng cụ tìm kiếm mạnh • Có thư mục phân loại • Có tính quản trị nội dung (contents management) mạnh • Có khả tùy biến, cá nhân hố cho người dùng lớp đối tượng người dùng • Khả quản lý khai thác khối lượng thông tin lớn từ hàng triệu đến hàng trăm triệu trang văn • Đối với Portal lớn, phục vụ cho người nước ngồi tính đa ngữ quan trọng • Đăng nhập cửa (single sign-on) Portal triển khai Intranet cung cấp dịch vụ: • Chia sẻ dùng chung Internet cho tồn mạng cục • Trang Intranet nội • Tổ chức lưu trữ mã hố liệu (cần thiết) Người sử dụng • Đăng ký truy nhập hệ thống (khai báo thông tin đơn vị yêu cầu cho quản trị hệ thống) • Đăng nhập hệ thống qua cửa tên sử dụng, mật • Quản lý tài khoản cá nhân (thay đổi thông tin đơn vị mật truy nhập) • Quản lý số liệu đơn vị (các thao tác đọc, ghi, xố, sửa, cập nhật) • Trao đổi tin tức trực tiếp với phận quản trị đơn vị khác qua diễn đàn trao đổi nghiệp vụ Các ứng dụng phận quản trị hệ thống • Bộ phận quản trị khai thác tồn chức hệ thống • Bộ phận quản trị có chức quản lý người dùng (khởi tạo tài khoản người dùng, cấp quyền truy cập hệ thống) • Bộ phận quản trị có chức cấp phát tài nguyên (định nghĩa vùng làm việc, giới hạn dụng lượng lưu trữ cho tài khoản người dùng, xố, sửa, đọc, ghi liệu tồn hệ thống) • Bộ phận quản trị có chức thiết lập chế lưu mã hoá số liệu Cài đặt server Để triển khai ứng dụng web, cần thiết phải có Web server, thành phần khác cần có Database Server, Trình thơng dịch (biên dịch) ngơn ngữ phát triển ứng dụng web, Tool để quản trị CSDL … 2.1 Cài đặt Windows 2.1.1 Chuẩn bị AppServ dự án tích hợp, cài đặt nhanh chóng, đơn giản mô máy chủ web Apache, PHP, MySQL hệ điều hành Windows – thuận tiện cho việc nghiên cứu, phát triển kiểm tra ứng dụng web lập trình PHP AppServ phát triển với nhiều phiên khác nhau, tích hợp nhiều version PHP, Apache MySQL Để phổ cập với nhiều hệ điều hành Windows, nhỏ gọn để cài đặt hệ thống CiPortal localhost, appserv-win32-2.5.10 chọn lựa làm ứng dụng mẫu cho việc cài đặt localhost Bản AppServ 2.5.10 gồm gói ứng dụng sau: • Apache 2.2.4 - Apache HTTP Server • PHP 5.2.3 - PHP Preprocessor • MySQL 5.0.45 - MySQL Database Server • phpMyAdmin-2.10.2 - Tiện ích quản trị MySQL Database Địa URL Download: http://www.mediafire.com/?3t4ef03i0ad7cco Lưu ý: Phải chắn hệ thống chuẩn bị cài đặt khơng có trình tương tự cài đặt, tránh xung đột cấu hình hệ thống chiếm giữ cổng dịch vụ Ở webserver sử dụng Apache cổng 80, số máy PC Windows có cài mặc định IIS cổng 80 (phải gỡ bỏ IIS trước cài AppServ) 2.1.2 Cài đặt Chạy chương trình appserv-win32-2.5.10.exe download môi trường Windows (2000, XP, Vista) Màn hình cài đặt chương trình sau: Chọn Next Hệ thống yêu cầu chấp nhận License Chọn I Agree Hệ thống yêu cầu chọn thư mục cài đặt AppServ Lưu ý rằng, tất web root database MySQL nằm thư mục Hãy chọn lựa ổ đĩa có dưng lượng đủ lớn để phục vụ cho việc cài đặt thử nghiệm Chọn Next Hệ thống yêu cầu tùy chọn thành phần cài đặt Chọn Next Điền thông tin cho Apache HTTP Server: Chọn Next Cấu hình cho MySQL Server Chọn Install Hệ thống bắt đầu cài đặt Quá trình cài đặt kết thúc, hệ thống yêu cầu tùy chọn khởi động service: Nếu chọn chọn Finish, hệ thống khởi động hai service Apache MySQL; khơng chọn Finish, hệ thống kết thúc trinh cài đặt Như vậy, thành phần webserver cài đặt 2.1.3 Monitering Sau cài đặt xong, vào thư mục cài đặt Cấu trúc thư mục AppServ sau: đó: - Apache2.2: thư mục Apache Server - MySQL: thư mục MySQL Server - php5: thư mục PHP5 - www: thư mục webroot Để moniter service Apache MySQL, vào Control Panel/Administrative Tools/Services, tìm đến: Right click vào dịch vụ, sau chọn action tương ứng Kiểm tra xem, AppServ chạy chưa, mở trình duyệt, Address, nhập http://localhost/index.php (hoặc http://localhost/), trình duyệt, xuất hình AppServ chạy bình thường Còn khơng, xin mời cài đặt lại AppServ Trước cài lại, vào Control Panel/Add or Remove Programs, tìm đến thực trình remove Sau làm lại thao tác mục 2.1.2 2.2 Cài đặt Linux 2.2.1 Chuẩn bị cài đặt Thường gói cài đặt số hệ điều hành *.nix (như Solaris, Fedora, RedHat, …) bao gồm gói Apache server, hỗ trợ dịch ngơn ngữ PHP, MySQL server, công cụ quản trị CSDL phpMyAdmin Các thành phần cài đặt tùy chọn với hệ điều hành Nếu cài hệ điều hành mà chưa cài đặt gói này, ta cài đặt bổ sung Giới thiệu CiPortal 3.1 Giới thiệu CiPortal hệ thống portal xây dựng cho ngành Tài nguyên Môi trường Đây hệ thống CMS (Content Management System) Khởi đầu CiPortal phát triển từ PHP Nuke NukeViet 1.0, NukeViet 2.0 NukeViet 3.0, qua phiên CiPortal 2006, qua phiên CiPortal 2008 đến nay, CiPortal có phiên 2010 So với phiên trước CiPortal có thay đổi lớn phần back-end, module hệ thống viết lại cho phù hợp với yêu cầu người dùng Đặc biệt, tính bảo mật có vượt trội so với phiên phiên trước Các đặc tính chính: • Xây dựng dựa hệ thống mã nguồn mở Web Server Apache với ngơn ngữ lập trình PHP, sở liệu Mysql • Hỗ trợ cho CSDL khác MySQL, MSSQL, Oracle, BD2, POSTGRES … • Module hóa, block hóa việc quản lý, trình bày thơng tin • Linh hoạt, mềm dẻo, dễ dàng phát triển thêm module block • Hỗ trợ đa giao diện • Hỗ trợ đa ngơn ngữ • Phần soạn thảo nội dung gắn với trình soạn thảo InnovaStudio WYSIWYG Editor – dễ soạn thảo, giao diện thân thuộc MS Word • Phần quản trị thơng tin khai thác thơng tin hồn tồn tách biệt: phần back-end front-end • Chống lỗi SQL Injunction, PHP Injunction, Cross Site Scripting, Flood process (DOS) • Ngăn chặn submission tự động, lỗi Buffer overflow CSDL Mysql, Flood form sử dụng Image code verification mức độ khó nhận dạng • Chống resubmission liệu cho form nhập liệu (từ trang quản trị trang người dùng) 3.2 Cấu trúc CiPortal 10 8.4.1 Thêm viết : Khi bạn kích vào menu “ Thêm viết ” form thêm viết cho module “ Thủ tục hành ” có giao diện hình sau : 57 - Tiều đề : Nhập tiêu đề cho văn thủ tục hành - Thuộc chủ đề : Chọn chủ đề - Tác giả : Nhập tên tác giả văn - Thông tin quyền : Nơi phát hành văn - Tóm tắt : Giới thiệu đầu văn thủ tục hành - Cho phép thảo luận : tích vào bạn đồng ý cho phép thảo luận , khơng tích nghĩa bạn khơng cho phép thảo luận văn - Hình ảnh minh họa : chọn hình đại diện cho viết - File tải lên : bạn đính kèm file cho viết - Mơ tả : Tại bạn nhập nội dung cho viết Sau nhập thơng tin bạn kích vào viết để hoàn thành việc đăng 8.4.2 Quản lý chủ đề : Khi bạn kích vào menu “ Quản lý chủ đề ” danh sách chủ đề module “ Thủ tục hành ” hình : Nếu bạn muốn thềm chủ đề bạn kích vào nút đề có giao diện sau : 58 form thêm chủ - Tên chủ đề : Nhập tên cho chủ đề - Thuộc chủ đề : Lựa chọ chủ đề - Quyền xem : - Quyền tải file : Khi hoàn thành thao tác bạn bấn vào đề 8.5 Thông tin tư liệu : Các menu module “ Thông tin tư liệu ” : 59 để kết thúc quy trình thêm chủ Giao diện trang quản lý file thông tin tư liệu : 60 8.5.1 Thêm file : - Tên file : Nhập tên file - Thuộc chủ đề : Chọn chủ đề cho viết - Tác giả : Tác giả file bạn đăng lên - File tải lên : bạn đính kèm file viết - Hình minh họa : Bạn chọn hình đại diện cho file bạn - Tóm tắt : Vài nét giới thiệu ngắn gọn file - Mô tả :Nhập nội dung viết 61 Sau nhập nội dung form bạn kích vào việc thêm file thơng tin liệu để hồn thành 8.5.2 Quản lý chủ đề : Khi bạn muốn thêm chủ đề cho module “ Thông tin tư liệu ” bạn kích vào form thêm chủ đề có giao diện hình sau : - Tên chủ đề : Nhập tên cho chủ đề 62 - Thuộc chủ đề : bạn chọn Chủ đề chủ đề chủ đề có sẵn - Quyền xem : - Quyền tải file : Khi hoàn thành thao tác bạn bấn vào đề 8.6 Hình ảnh : Các menu module “ Hình ảnh ” : để kết thúc quy trình thêm chủ 8.6.1 Thêm album : Khi kích vào menu “ Thêm album ” form thêm album hình sau : 63 - Tên album : nhập tên cho album - Ảnh đại diện : Kích vào nút - Mơ tả : bạn viết số mô tả ngắn gọn cho album để lấy ảnh đại diện cho album Sau nhập xong thơng tin form bạn kích vào “ Ghi lại ” để hoàn thành việc thêm album 64 8.6.2 Thêm ảnh : - Tên ảnh : nhập tên ảnh - Album : chọn ảnh thuộc album - Đường dẫn ảnh : bạn đánh vào chọn máy chủ - Mơ tả : bạn viết số thơng tin cho ảnh Khi nhâp xong bạn kích vào “ Ghi lại ” để hồn thành q trình thêm ảnh 8.7 Quảng cáo : Các menu module quảng cáo : Và giao diện trang quản trị viết thuộc module quảng cáo 65 66 8.7.1 Thêm khách hàng : 67 8.7.2 Thêm khối : - Tiêu đề : nhập tiêu đề cho khối quảng cáo - Kích thước quảng cáo : Nhập vào kích thước - Giới thiệu : Nhập nội dung giới thiệu cho quảng cáo 68 8.7.3 Thêm quảng cáo : - Tiêu đề : Nhập tiêu đề cho quảng cáo - Thuộc khối : chọn quảng cáo thuộc khối - Khách hàng : chọn quảng cáo thuộc khác hàng - File hình quảng cáo : chọn hình quảng cáo - Chú thích cho hình : - Bắt đầu kết thúc : Chọn thời gian kết thúc đăng quảng cáo Phát triển CiPortal 9.1 Cấu trúc CiPortal Gói (core) CiPortal gọn nhẹ, gồm nhiều thành phần: file thư viện, file tài nguyên, file người dùng upload lên Cấu trúc CiPortal sau: 69 blocks: thư mục chứa file php file mã nguồn block CiPortal admin: thư mục người cài đặt tự đặt tên, chứa toàn file mã nguồn, file tài nguyên, thư viện cho phần quản trị nội dung (back - end) images: chứa file tài nguyên portal includes: chứa file thư viện (các file cấu hình hệ thống, file cấu hình cho module, thư viện truy xuất hệ thống với CSDL,…) js: thư viện file javascript languege: file ngôn ngữ, hỗ trợ cho ngôn ngữ trang web modules: chứa module hệ thống (gồm file mã nguồn, file tài nguyên, …) install: file cài đặt hệ thống themes: file thành phần giao diện hệ thống (các file mã nguồn, file media, file css) uploads: thư mục chứa file upload trình cập nhật liệu người dùng 9.2 Các yêu cầu phát triển CiPortal Khi tiến hành phát triển hệ thống CiPortal, yêu cầu người phát triển phải nắm cấu trúc thư mục hệ thống, biết hiểu rõ thành phần thư mục, thư viện mà đó, người phát triển tận dụng trình phát triển, tránh viết lại tốn thời gian ảnh hưởng đến thời gian xử lý server 70 Nên tuân thủ bố cục có sẵn hệ thống, tránh tài nguyên cấu trúc phức phức tạp, gây khó hiểu cho cộng đồng phát triển 71