Thêm module vào trang

Một phần của tài liệu Tìm hiểu hệ thống mã mở DotNetNuke và ứng dụng xây dựng trên nền DotNetNuke (Trang 51 - 130)

2. Giới thiệu Dotnetnuke Portal (Giải pháp phát triển Website cộng nghệ mới)

2.5.2Thêm module vào trang

Dùng control panel để thêm module vào trang

Cách thêm module vào trang này chỉ đòi hỏi 2 bước.

Bước 1: Chọn Module từ hộp danh sách rơi xuống.

Bước 2: Click vào nút Add trên control Panel.

Module sẽ được thêm vào trang với những thiết lập mặc định (được hiển thị trong control panel). Chúng ta có thể thay đổi các thiết lập khác trong control panel trước khi thêm module lên trang.

Bước 1:Chọn Module từ hộp danh sách rơi xuống.

Bước 2: Đặt con trỏ chuột vào vùng tiêu đề và đánh tên của Module vào. Tên này sẽ xuất hiện trong phần tiêu đề của module container khi module được thêm vào trang.

Bước 3: Chọn Visibility của trang từ hộp danh sách rơi xuống. Ở đây chỉ có 2 sự lựa chọn.

Same As Page có nghĩa là Module được hiển thị ở bất cứ trang nào thì người truy cập cũng có thể thấy trang đó. Nếu trang đó đã được hiển thị rộng rãi thì module đó cũng sẽ hiển thị ngay lập tức.

Nếu chọn Page Editors Only thì module này chỉ được nhìn thấy với người có quyền sửa. Tình trạng hiển thị có thể bị thay đổi trong Module settings khi nó đã sẵn sàng.

Bước 4: Chọn vị trí mà bạn sẽ thêm Module vào.

Bước 5: Chọn nơi muốn chèn module vào (ở trên đầu hay là cuối).

Bước 6: Chọn cách mà nội dung sắp xếp trong module (trái, giữa, phải). Một vài container không cho phép sắp xếp.

Bước 7: Chọn Add New Module (mặc định) hoặc Add Existing Module.

Bước 8: Click vào nút Add trên Control Panel. 2.5.3 Di chuyển module

Chúng ta có thể di chuyển module từ vị trí này sang vị trí khác ở trên trang, có thể sẽ thay đổi thứ tự giữa các module trên cùng vùng, hoặc di chuyển module từ trang này sang trang khác.

Có 2 cách khác nhau để di chuyển module: Module Actions Menu hoặc Drag&Drop.

Các bước thực hiện việc di chuyển module trong Module Actions Menu:

Hầu như trong bất cứ module Container nào cũng sẵn có Module Actions Menu. Chúng ta có thể sử dụng chức năng này để thay đổi vị trí của hai module Text/HTML trên trang.

Bước 2: Chọn mục Menu để nhận biết nơi muốn di chuyển Module đến đó.

Các bước để thực hiện việc di chuyển bằng Drag& Drop:

Hầu như trong bất cứ module nào cũng sẵn có Drag&Drop nơi mà tiêu đề được hiển thị. Chúng ta sử dụng Drag&Drop để thay đổi vị trí của 2 module Text/HTML trên trang.

Bước 1: Nhấp chuột trái và giữ chuột ở dưới Title của module. Chúng ta sẽ thấy module được lộ ra xung quanh nó có đường viền ngoài. Đường viền ngoài chỉ rằng module sẵn sàng được di chuyển sang vị trí mới.

Bước 3: Bỏ chuột ra khi ô cửa sáng lên. Ô cửa sẽ refresh lại và Module sẽ ở vị trí mới.

Các bước để thực hiện việc di chuyển sang trang khác:

Di chuyển Module từ trang này sang trang khác thì phải làm trong trang Module Settings.

Bước 1: Trỏ con chuột vào Module Actions Menu và di chuyển vào mục thiết lập. Chọn Module Settings

Bước 2: Trên trang Module Settings, di chuyển xuống phần Advanced Settings.

Bước 3: Chọn trang từ hộp danh sách rơi xuống của Move to page để di chuyển Module.

Bước 4: Click vào update ở giữa trang Module Settings để di chuyển module sang trang mới (và để lưu lại các thay đổi này).

2.5.4 Xóa Module (adsbygoogle = window.adsbygoogle || []).push({});

Khi một Module không cần thiết nữa chúng ta có thể xóa chúng.

Các bước thực hiện trong Module Actions Menu:

Bước 1: Trỏ con chuột xuống Module Actions Menu và di chuyển xuống mục Delete và click chuột trái.

Các bước thực hiện trong module setting page:

Bạn có thể xóa Module trong trang Module Settings.

Bước 1: Trỏ con chuột xuống Module Actions Menu và di chuyển xuống mục thiết lập. Chọn Module Settings rồi click vào đó.

Bước 2: Di chuyển vào giữa trang Module Settings và nhấp vào nút Delete.

Bước 3: Click vào OK để xác định là xóa module.

2.5.5 Phục hồi module bị xóa

Thùng rác là nơi mà các Module (và Trang) sẽ nằm ở đó khi bị xóa. Chúng ta có thể phục hồi từ thùng rác cho đến khi thùng rác trống. Phục hồi lại các module bị xóa cũng tương tự như phục hồi trang bị xóa.

Di chuyển chuột xuống menu Admin và chọn Recycle Bin.

Các bước phục hồi module:

Bước 1: Chọn Module muốn Restore. Nội dung của danh sách đó là tất cả những module đã bị xóa từ lúc trước.

Bước 2: Chọn Page từ hộp danh sách rơi xuống nơi mà chúng ta muốn Module sẽ được hoàn lại. Module thêm vào sẽ được chỉ định vào nội dung của ô cửa mặc định.

Bước 3: Click vào nút Restore. Module sẽ được di chuyển khỏi danh sách các module của thừng rác (và nó sẽ ở tại nơi mà Trang đã chị định).

Các bước xóa trang (vĩnh viễn):

Bước 1: Chọn Module mà muốn xóa đi vĩnh viễn. Nội dung của danh sách là những module mà đã xóa từ lúc trước.

Bước 2: Click vào nút Delete trên phần Module.

Bước 3: Click vào OK để xác định xóa. Module sẽ di chuyển khỏi danh sách các module của thùng rác và bị xóa đi vĩnh viễn.

Các bước để làm trống thùng rác:

Nếu thùng rác chứa quá nhiều rác, chúng ta có thể xóa toàn bộ những gì đang chứa, nghĩa là tất cả Trang và Module ở trong đó sẽ bị xóa vĩnh viễn.

Bước 2: Click vào OK để xác định là xóa hết tất cá các Trang và Module trong thùng rác. Chúng sẽ được di chuyển từ danh sách các trang và module trong thùng rác và bị xóa đi vĩnh viễn.

Sau đó thùng rác sẽ xuất hiện trống rỗng.

2.5.6 Phân quyền cho module

Người quản trị có thể thiết lập quyền hạn cho từng module với những nhóm người truy cập khác nhau.

Trang này danh cho những người truy cập ẩn danh:

Các bước thực hiện việc thiết lập Module Permissions

Bước 1: Click biểu tượng thiết lập Module hoặc chọn thiết lập từ menu Module Action.

Mặc định ô được Check vào thể hiện người sử dụng Unauthenticated thấy module.

Bước 2: Bỏ chọn mục “Unauthenticated”, chọn quyền hạn cho từng nhóm người tồn tại trong thệ thống. (adsbygoogle = window.adsbygoogle || []).push({});

Click vào Update ở giữa trang để lưu lại những thay đổi của bạn.

Thông tin thêm:

Có bốn cách khác nhau để đưa ra đánh giá về Module trên website. Ai là người có thể thấy, hoặc thay đổi nội dung của module?

(1)Administrators: chỉ có người sử dụng này mới có toàn quyền quản lý, thực hiện bất kỳ thay đổi nào lên module. Khi mà một Module chỉ hiển thị cho quản trị viên của website thấy, nó sẽ có viền đỏ để báo hiệu.

(2)Unauthenticated Users: tất cả những người truy cập đều có thể thấy module. “Không xác thực” có nghĩa là những người sử dụng này không đăng nhập và có thể họ cũng không đăng ký như là người sử dụng của website. Bạn muốn bất kỳ ai cũng có thể thấy được nội dung của module.

(3) Registered Users: người sử dụng này đã điền vào mẫu đăng ký trên website và bây giờ họ sử dụng tên và password để đăng nhập vào hệ

(4) Nhóm người sử dụng tùy thích: đó là những người đăng ký sử dụng và được đặt trong một nhóm đặc biệt.

2.6 Một số module thường dung

2.6.1 Text/Html

Module Text/Html cung cấp một trình soạn thảo WYSIWYG để tạo ra một nội dung của chính bạn bằng HTML hoặc là một văn bản thuần túy. Giao diện module tương tự như một trình biên tập document phổ biến và rất dễ làm.

Thêm module Text/HTML vào trang.

Các bước để soạn thảo văn bản(đơn giản)

Module ban đầu được tạo ra không có nội dung. Nó chỉ hiển thị một Container trống, với Title và Action Buttons.

Bước 1: Nhấp vào nút Edit Text (hoặc chọn Edit text từ Module Actions Menu).

Trên trang Edit Text/HTML được hiện thị. Nó cung cấp cho chúng ta giao diện với những chức năng sử lý nhất. (WYSIWYG = “ What you see is what you get”).

2.6.2 Announcements (thông báo)

Module thông báo đưa ra một danh sách các đoạn thông báo đơn giản bao gồm tiêu đề và những hướng dẫn ngắn gọn. Nó rất thuận tiện để những người truy cập website nhận biết được các mục quan tâm khi có liên kết những thông tin thêm vào.

Các bước để thêm thông báo mới:

Module lúc ban đầu không có nội dung gì. Nó chỉ hiển thị một Container trống, với Title và Action Buttons.

Trên trang Edit Announcements điền vào trình văn bản WYSIWYG như lúc sử dụng module Text/HTML.

Bước 2: Đặt con trỏ chuột vào vùng Title và nhập vào đó một câu lệnh ngắn gọn để tóm tắt thông báo.

Bước 3: Đặt con trỏ chuột vào phần mô tả và dùng những tính năng của trình văn bản WYSIWYG để tạo ra phần nội dung cho thông báo.

Bước 4: Chọn dạng liên kết cho thông báo và hoàn thành những thông tin thích hợp. Chúng ta có thể chỉ rõ đường liên kết đến website khác, trang của website hoặc đến một tập tin trên website (như là hinh ảnh hoặc tài liệu PDF).

lưu lại thông tin của những ai đã click vào đuờng liên kết này (Nếu người sử dụng đăng nhập vào hệ thống). Và nếu chọn New Window, đường link sẽ hiển thị trên trình duyệt mới.

Bước 6: Chỉ rõ ngày mà thông báo ngừng không hiển thị nữa, sử dụng Calendar để chọn ngày.

Bước 7: Bao gồm View Order để sắp xếp lại thông báo.

Bước 8: Chọn Update để lưu lại những thay đổi.

2.6.3 Link (liên kết)

Module liên kết hiển thị danh sách của những đường siêu liên kết đến được bất cứ trang nào, hình ảnh hoặc tập tin trên website; hoặc là một tập tin, hình ảnh hoặc một trang nào đó ở website khác.

Thêm một module liên kết mới vào trang. (adsbygoogle = window.adsbygoogle || []).push({});

Các bước để thêm một đường liên kết mới:

Module được tạo ra lúc ban đầu không có nội dung. Chỉ hiển thị một Container trống với Title và Action Buttons.

Bước 1: Nhấp vào Add Link (hoặc chọn Add Link từ Module Actions Menu).

Bước 2: Đặt con trỏ chuột vào vùng Title và nhập vào đó một nhóm từ ngắn cho đoạn văn bản liên kết.

Bước 3: Chọn Link Type cho đường liên kết, hoàn thành những thông tin thích hợp.

Bước 4: Chọn từ những lựa chọn sẳn có cho đường liên kết.

Nếu chọn Tracking, chúng ta sẽ kiểm tra được đường liên kết đó được click vào bao nhiêu lần. Nếu Logging hệ thống sẽ lưu lại những ai đã click vào đường liên kết đó (nếu như người truy cập có đăng nhập vào). Và nếu chọn New Window, đường link sẽ được mở trên một cửa sổ trình duyệt mới.

Bước 6: Bao gồm cả phần View Order cho phần sắp xếp các đường liên kết của bạn. Theo mặc định, chúng sẽ được sắp xếp như lúc được tạo ra.

Bước 7: Chọn “Update” để lưu lại những thay đổi.

Các bước để hiển thị hộp lựa chọn:

Module liên kết có một vài Display Option mà chúng ta có thể thay đổi cách hiển thị.

Bước 1: Nhấp vào nút Settings (hoặc chọn Settings từ Module Action Menu).

Or

Bước 2: Trên trang Module Settings, di chuyển xuống Links Settings và nhấp vào nút để mở rộng đoạn đó ra. Nó sẽ cho chúng ta những hộp lựa chọn sẵn có của module liên kết.

Bước 3: Chọn Dropdown như là Control Type và sau đó nhấp vào Update ở giữa trang. Đây là thay đổi kiểu đường liên kết bằng lựa chọn từ hộp rơi xuống và nút go (như minh họa bên dưới).

Bước 4: Chọn Horizontal như là List Display Format và sau đó nhấp vào Update ở giữa trang. Đây là sự thay đổi đường liên kết để cho nó hiển thị ngang (như minh họa bên dưới).

Bước 5: Chọn Yes cho phần Display Info Link và sau đó nhấp vào Update ở giữa trang. Đây là sự thay đổi cách hiển thị của phần mô tả. Phần mô tả bình thường hiển thị như là một “chú giải công cụ”. Một chú giải công cụ được hiển thi khi con chuột trỏ vào đường liên kết.

Sự mô tả được hiển thị như là một sự lựa chọn với nhiều đường liên kết… là cái mà (khi nhấp vào) thì nó hiển thị sự mô tả ở trên trang.

[Display Link Info = Yes]

2.6.4 Module Documents (tài liệu)

Module tài liệu hiển thị ra một danh sách các tài liệu, bao gồm cả đường liên kết để người truy cập website duyệt hoặc tải chúng về.

Thêm một module tài liệu mới vào trang.

Các bước để thêm module tài liệu:

Bước 1: Nhấp vào Add New Documet (hoặc chọn Add New Document từ Module Actions Menu).

Bước 2: Đặt con trỏ chuột vào vùng Title và nhập vào đó một ngữ ngắn để làm tên tài liệu. Ngữ này sẽ được nhìn thấy bởi người truy cập website và là mô tả nội dung của tập tin.

Bước 3: Chọn Link Type cho tài liệu và hoàn thành những thông tin thích hợp. File Link Type là mặc định và chúng ta có thể chọn tập tin từ danh sách các thư mục ở trong hộp rơi xuống của File Location, có thể chỉ

định tài liệu nằm ở chỗ khác bằng cách chọn URL Link Type và chỉ rõ địa chỉ internet của tập tin.

Bước 4: Chọn từ những lựa chọn sẵn có cho đuờng liên kết.

Nếu chọn Tracking, chúng ta sẽ kiểm tra được đường liên kết đó được click vào bao nhiêu lần. Nếu chọn Logging hệ thống sẽ tự động lưu lại thông tin của người click vào đuờng liên kết đo (nếu như người truy cập có đăng nhập vào). Và nếu chọn New Window, đường link sẽ được mởi trong một cửa sổ trình duyệt mới.

Bước 5: Chỉ định Category cho tài liệu. Phạm trù này đơn giản là cung cấp chủ đề cho các tài liệu hoặc mục đích tương tự nhau. (adsbygoogle = window.adsbygoogle || []).push({});

Bước 6: Chọn “Update” để lưu lại những thay đổi.

Các bước để hiệu chỉnh tài liệu:

Hiệu chỉnh lại các thuộc tính của tài liệu hiện tại được làm như là thêm một tài liệu mới. Chỉ có khác biệt là ở chỗ làm sao chúng ta đến được những thuộc tính đó. Mỗi tài liệu là một danh sách các mục với nút Edit (cây bút chì) ở kế bên.

Bước 1: Nhấp vào nút Edit bên cạnh tài liệu để thay đổi chúng.

Bước 2: Thay đổi các lệnh thiết lập và nhấp vào Update ở giữa trang để lưu lại những thay đổi.

Chúng ta nên quan tâm tới một vài thông tin mà nó nằm ngay giữa trang Edit Document.

URL: cho biết phần URL mở rộng để đến thẳng tài liệu.

Tracking URL: đây là sự khác biệt trong chúng vì số lượng nhấp vào để tăng lên trước khi đến tài liệu (nếu chọn chức năng “track”).

Clicks: số lần tài liệu được tài về.

Last Click: Ngày và thời gian của lần tải cuối cùng của tài liệu. 2.6.5 Events (sự kiện)

Thêm module sự kiện mới vào trang.

Các bước để thêm sựkiện mới:

Bước 1: Nhấp vào Add New Event nằm ở giữa trang (hoặc chọn Add New vent từ Module Actions Menu).

Bước 2: Đặt con trỏ chuột vào vùng Title và nhập vào đó một ngữ ngắn cho đoạn văn bản sự kiện. Nó có giá trị là sẽ hiển thị lên lịch biểu (hoặc trong list view).

Bước 3: Đặt con trỏchuột vào rich text editor và nhập vào đó mô tả cho sự kiện. Đoạn mô tả này sẽđược hiển thị ở phía dưới tiêu đề.

Bước 4: Chọn Image dùng trong lịch biểu (hoặc tải lên một sự kiện mới). Nếu chúng ta muốn dùng hình ảnh, thì bảo đảm rằng nó thích ứng với kích cỡ của event… hình ảnh sẽ được hiển thị bên trong hộp ngày (trên lịch biểu) hoặc bên cạnh lối vào đó (trong list view).

3 Kiến trúc Module của Dotnetnuke 3.1 Định nghĩa

Module là gì?

Modules cung cấp cho người phát triển khả năng mở rộng thêm chức năng của DotNetNuke. DotNetNuke cung cấp nền tảng có thể lắp thêm và được mở rộng bởi phát triển modules. Modules có thể được phát triển bằng bất cứ ngôn ngữ .NET nào, thậm chí DNN được phát triển bằng VB.NET,

Một phần của tài liệu Tìm hiểu hệ thống mã mở DotNetNuke và ứng dụng xây dựng trên nền DotNetNuke (Trang 51 - 130)