HƯỚNG DẪN SỬ DỤNG WEBSITE Khối Chuyên ĐHSP Hà Nội Hà nội, 2008 Power of Knowledge

2.1.2 Nền tảng phát triển của website • Website được phát triển trên công cụ DotNetNuke • Giao diện và Fonts theo chuẩn Unicode • Sử dụng hệ quản trị cơ sở dữ liệu SQL Server với khả năn

Hà nội, 2008

Mục lục

Mục lục

1 Tài liệu

1.1 Mục đích

1.2 Các thuật ngữ viết tắt

1.3 Các tài liệu liên quan

1.4 Mô tả chung về tài liệu

2 Giới thiệu về Website Khối Chuyên ĐHSP Hà Nội

2.1 Giới thiệu về Website

2.1.1 Giới thiệu chung

2.1.2 Nền tảng phát triển của website

2.1.3 Các trang nội dung chính của Website

2.2 Mục đích ra đời của Website

3 Phân quyền người dung

3.1 Người dùng thông thường

3.2 Bộ phận quản trị nội dung

3.3 Bộ phận quản trị hệ thống

4 Hướng dẫn sử dụng

4.1 Hướng dẫn sử dụng đối với bạn đọc

4.1.1 Xem tin

4.1.2 Tìm kiếm

4.2 Hướng dẫn sử dụng đối với Admin

4.2.1 Đăng nhập vào hệ thống

4.2.2 Quản lý nội dung của trang web

4.2.7.1 Quản trị menu

4.2.7.3 Thiết lập menu hiển thị

4.4.1 Thiết lập kiểu hiển thị liên kết

4.4.2 Thêm sửa liên kết

4.4.3 Quản lý liên kết

4.5 Quản trị thầy hay trò giỏi

4.6 Quản lý hệ thống

4.7 Thoát khỏi hệ thống

1.3 Các tài liệu liên quan

1.4 Mô tả chung về tài liệu

Tài liệu này bao gồm 4 phần

• Phần 1: Giới thiệu chung về tài liệu

• Phần 2: Giới thiệu về Website

• Phần 3: Quy trình nghiệp vụ

2.1 Giới thiệu về Website

2.1.1 Giới thiệu chung

Phần mềm “Website Khối Chuyên ĐHSP Hà Nội” là chiếc cầu nối giữa KhốiChuyên ĐHSP Hà Nội và phụ huynh học sinh

2.1.2 Nền tảng phát triển của website

• Website được phát triển trên công cụ DotNetNuke

• Giao diện và Fonts theo chuẩn Unicode

• Sử dụng hệ quản trị cơ sở dữ liệu SQL Server với khả năng hỗ trợ khối lượng

dữ liệu lớn (Hàng triệu bản ghi)

• Ứng dụng được Module hoá cao, các chức năng được xây dựng độc lập, cótính tích hợp cao dễ dàng cho việc phát triển và bảo trì

• Áp dụng cơ chế bảo mật có phân quyền người sử dụng

2.1.3 Các trang nội dung chính của Website

• Homepage: Giới thiệu vể cơ sở vật chất và các tin bài viết về Khối Chuyên.

• Ngoài ra Website còn có Diễn đàn, Thư viện tài liệu, Album ảnh hoạt

động…

3 Phân quyền người dung

3.1 Người dùng thông thường

Là những người truy cập vào trang Web để tìm kiếm thông tin Họ có quyền xemthông tin, liên lạc về Khối Chuyên ĐHSP Hà Nội

3.2 Bộ phận quản trị nội dung

• Chịu trách nhiệm chính về nội dung cũng như cách trình bày trang web

thống

4.1.1 Xem tin

 Vào địa chỉ Website: http://ptc.hnue.edu.vn Khi người sử dụng vào địa chỉwebsite thì trang Homepage của website đã hiện ra với danh sách các mụcchọn

 Xem thông tin các danh mục

Trên trang Web có rất nhiều thông tin mà người dùng quan tâm Khi muốn xemthông tin nào thì người dùng chỉ việc Click vào mục thông tin như dưới đây:

 Vào địa chỉ Website: http://ptc.hnue.edu.vn Tìm kiếm thông tin

• Tìm kiếm thông tin: Tại mục Tìm kiếm ở trên màn hình bạn nhập từ

khóa cần tìm và chọn chuyên mục là của sản phẩm & dịch vụ hay của

 Trên website bạn chọn mục Liên hệ, Góp ý

 Màn hình tiếp theo hiện ra, bạn điền đầy đủ các thông tin cần thiết Hai trường

yêu cầu phải nhập đúng định dạng đó là trường Điện thoại và Địa chỉ Email

và không được bỏ trống các trường khác

4.2 Hướng dẫn sử dụng đối với Admin

4.2.1 Đăng nhập vào hệ thống

Muốn đăng nhập vào hệ thống người dùng phải có một tài khoản bao gồm

Username và Password.

• B1 Vào Website với địa chỉ: http://ptc.hnue.edu.vn

Sau đó click Đăng nhập

• B2 Bạn điền đầy đủ các thông tin cần thiết: User Name và Passwword

B3 Click vào chức năng Đăng nhập để đăng nhập vào hệ thống

• Nếu bạn check vào mục Ghi nhớ đăng nhập thông tin đăng nhập sẽ lưu cho lần

đăng nhập sau

• Ngoài ra cũng có thể thực hiện chức năng đăng ký tài khỏan mới tại mục Đăng

ký, như trong hình vẽ

Tại đây người sử dụng phải điền đầy đủ các thông tin cần thiết như ví dụ trong hìnhsau:

Sau đó Click vào mục Đăng ký như trên hình

Tại đây, người dùng sẽ gửi Username của mình cho hệ thống, sau đó hệ thống sẽ gửilại Password vào hòm thư của người dùng.

4.2.2 Quản lý nội dung của trang web

Sau khi đăng nhập thành công, người dùng có thể thực hiện các chức năng quản lýđối với Website của mình Menu chức năng chính như sau:

4.2.2.1 Thêm một bài viết

Bạn có thể tiến hành hành thêm và chỉnh sửa nội dung các bản tin của từng chuyên

mục trên Website tại đây

B1 Click Vào chức thêm và chỉnh sửa nội dung bản tin tương ứng với từng chuyên mục

(ở dây là Thêm bài viết) trên Menu chính như trên hình minh họa:

Màn hình hiển thị như sau:

Sau đó:

B3 Điền đầy đủ các thông tin cần thiết vào màn hình hiện ra sau đó

-Từ hộp chọn combobox chọn chuyên mục cần nhập tin

Ảnh sau khi tải thành công sẽ hiển thị như sau:

-Tiêu đề ảnh và tóm lược:

-Nội dung chi tiết của tin:

Một số thao tác với màn hình soạn thảo

*chú ý:

+Khi copy nội dung từ các trình soạn thảo khác và paste vào khung

soạn thảo nội dung thì phải xóa các định dạng cũ đi bằng cách bôi đentoàn bộ nội dung và click vào biểu tượng có khoanh tròn như hình vẽdưới đây

+ Mục chèn ảnh vào nội dung:

-bước 1: click vào biểu tượng khoanh tròn như hình dưới:

-bước 2: màn hình hiện ra chọn thư mục sẽ lưu trữ ảnh sau đó click vào Brown để chọn

ảnh cần tải lên sau đó click vào Tải lên file mới

Bước 5: Sau khi chọn ảnh ta có thể đặt lại các thuộc tính cho ảnh ví dụ như chiều rộng

chiều cao, vị trí, cách trái, cách phải…để ảnh có kích thước phù hợp khi hiển thị Sau khi

căn chỉnh xong ta click vào Đồng ý Lặp lại các bước nếu muốn đưa nhiều file vào nội

dung soạn thảo

Kết quả sau khi tải ảnh lên và chèn ảnh vào vị trí con trỏ:

+Mục chèn link cho văn bản

-Bước 2: click vào chức năng đã khoanh màu đỏ

+ Chọn vào mục file

+ Chọn thư mục sẽ lưu file

+ Click vào tải lên file mới

Bước 4:

+ Click vào browse để chọn file cần liên kết

+ Click vào tải lên file đã chọn

+ Click vào sử dụng liên kết hiện tại

Bước 5:

+ click vào Đồng ý để chọn làm file liên kết

Bước 6:

Sau đó màn hình hiện ra chọn sang Tab “Đích” chọn cửa sổ mới

Sau đó click chọn nút đồng ý

B3 Chọn tin liên quan:

Các tin liên quan sẽ xuất hiện khi tin này được hiển thị chi tiết.(Lựa chọn tin liên quan:

xem mục Quản lý sự kiện )

Duyệt: nếu không check vào ô vuông trên thì tin sẽ không hiển thị trên trang và

khi nào tin được duyệt thì mới được hiển thị

Chọn làm bài được quan tâm ? : Nếu check vào ô vuông này thì bài viết hiện tại

sẽ hiển thị trên mục tin được quan tâm nhất

+Click Tạo mới: Màn hình sẽ quay trở lại màn hình soạn thảo mới

+Click Lưu&Tạo mới: Lưu bài viết hiện tại sau đó chuyển sang màn hình soạn thảo mới

để tiếp tục soạn thảo tin bài khac

+Click Lưu bài: Bài viết sẽ được lưu lại nhưng vẫn giữ nguyên trạng thái màn hình đang

soạn bài để người soạn có thể sửa chữa bài viết nếu có sai sót

+Click Xóa bài: Khi bài viết đã lưu mà người soạn muốn xóa thì Click vào nút này

+Click Trở về: Thoát khỏi màn hình soạn thảo hiện tại và quay về màn hình trước đó.

4.2.2.2 Sửa bài viết

Để sửa bài viết, trước tiên bạn phải hiển thị bài viết dưới dạng tít dẫn hoặc chi tiết.Các bài viết của tất cả các chuyên mục đều được sửa theo một quy trình sau:

B1 Hiển thị các tin

Để hiển thị các tin của chuyên mục nào bạn Click vào trang chuyên mục đó, ở đây

Click vào mục Tin Tức

B2 Chỉnh sửa nội dung bản tin

Các tin được hiển thị ra dưới dạng List các tít dẫn (là phần giới thiệu qua về bản tin).Tại dây bạn có thể sửa bài viết của mình

 Sửa trực tiếp

• Để sửa trực tiếp từ các tít dẫn, bạn chọn tít dẫn của bản tin cần sửa sau đó

Click vào hình chiếc bút bên cạnh bản tin như hình trên.

• Màn hình cho bạn chỉnh sửa bản tin sẽ hiện ra như sau Bạn thực hiện việcEdit bản tin như khi soạn thảo một bản tin mới

Các chức năng trong tin chi tiết:

Ý kiến của bạn: Sẽ hiển thị ra phần liên hệ để bạn đánh giá bài viết

Gửi cho bạn bè: Bạn có thể chia sẻ bài viết này cho bạn bè hoặc gửi đường link

qua Email

In bài này: Bạn có thể in bài viết này ra giấy.

Trở về: Quay lại danh mục trước.

B3 Cập nhật

Bản tin sau khi đã được chỉnh sửa, sẽ được lưu bằng chức năng Lưu lại

4.2.3 Chọn tin mới nhất trên trang chủ

+Chọn chuyên mục hiển thị : Các tin hiển thị sẽ được lấy trong chuyên mục này.

+Chọn số tin hiển thị : Số tin sẽ được hiển thị cho người dùng xem

+Chọn link khi bấm vào tin : Ở đây chọn Detail vì khi Click vào tiêu đề tin sẽ hiển thị ra

chi tiết của tin

+Chọn link khi bấm header : Ở đây chọn Paggingincategory vì header ở đây là chuyên

mục của tin và khi click vào chuyên mục thì sẽ hiển thị ra tất cả các tin thuộc chuyên mụcnày

Sau đó cập nhật lại các thông số vừa thiết lập

+Chọn chuyên mục : Chuyên mục lấy tin

+Chọn chiều rộng : Chiều rộng ảnh khi upload lúc thêm tin

+Chọn chiều cao : Chiều cao ảnh khi upload lúc thêm tin

+Chọn kiểu hiển thị nội dung :

-Hiển thị nội dung theo portal : Các tin được thiết lập sẽ hiển thị giống nhau ở tất

Bước 2 : Chọn các tin hiển thị

Chọn các tin muốn hiển thị làm tin được quan tâm sau đó Click vào nút Chọn hoặc nếu muốn chọn tất cả các tin ở ô trên xuống ô dưới thì Click vào nút Chọn tất.

Kết quả sau khi chọn :

Sau đó Click vào Cập nhật để lưu thay đổi

+ Nếu muốn bỏ tin được quan tâm thì ta chọn các tin cần bỏ và Click vào nút Bỏ chọn hoặc muốn bỏ tất cả các tin thì ta Click vào nút Bỏ chọn tất

+ Nếu muốn thay đổi vị trí hiển thị của các tin ta dùng 2 mũi tên lên và xuống như trên

4.2.5 Quản lý bài viết

B1 : Click vào quản lý bài viết

Màn hình sẽ hiện ra như sau :

Chức năng :

Gửi/Hạ bài :Khi click vào chức năng này thì chức năng Sửa và Duyệt sẽ hiện lên

cho phép Người quản trị có quyền cho sửa bài viết này (quay về chế độ như sửa bài viếtbình thường), Chức năng Duyệt bài viết này có được phép hiển thị trên trang hay ko.Chức năng EditDate cho phép sửa ngày tạo bài viết

4.2.6.1 Chọn chuyên mục Giới thiệu

+ Chọn vào mục giới thiệu trên banner sẽ hiện ra

4.6.1.2 Thêm mới nội dung giới thiệu

Bấm vào quản trị nội dung giới thiệu

4.6.1.3 Sửa nội dung giới thiệu

Chọn vào chuyên mục cần sửa nội dung sau đó click vào biểu tượng cây bút như hình vẽdưới đây :

+ Sau khi click vào cây bút để sửa màn hình như sau :

Click Vào chức năng quản lý chuyên mục tương ứng với chuyên mục trên Menu

chính

4.2.7.1 Quản trị menu

Click chuột phải ta có thể thao tác với cây để Thêm,Sửa,Xóa chuyên mục.

+ Màn hình Thêm, Sửa chuyên mục

4.2.7.2 Danh sách các menu

Hiển thị danh sách các menu được dùng

Màn hình hiện ra cho phép bạn chỉnh sửa các thông tin về Menu

+ Khi click vào sửa cây

Màn hình hiện ra cho phép bạn sửa, chọn lại các chuyên mục

Sửa thông tin của chuyên mục hiển thị cho phép phân quyền cho từng User trên từng chuyên mục:

*Chú ý: Lưu lại các thông tin thay đổi

+ Khi click vào nút xóa cây: Toàn bộ thông tin về cây sẽ được xóa hết

*Chú ý: Không nên xóa toàn bộ cây bởi vì nó còn ảnh hưởng tới nhiều phần khác quan trọng

Thêm chuyên mục cho cây hiển thị

Giữ chuột kéo nút chuyên mục sang thả vào vị trí cần đặt bên cây hiển thị Có thể chọn nhiều chuyên mục để kéo thả cùng một lúc

4.2.7.3 Thiết lập menu hiển thị

Chọn đường dẫn file xml cho menu

4.4 Quản trị liên kết website

4.4.1 Thiết lập kiểu hiển thị liên kết

- Hiển thị Logo: Các liên kết được liệt kê hiển thị chỉ với ảnh đại diện

+ Chọn kiểu hiển thị nội dung

- Hiển thị nội dung theo portal: Các liên kết sẽ giống nhau trong tất cả các trang

- Hiển thị nội dung theo module: Các liên kết ở các trang có thể được thiết lập độc lập và khác nhau

4.4.2 Thêm sửa liên kết

-Thêm liên kết mới:

Sau khi Click vào nút Thêm liên kết màn hình thêm mới liên kết sẽ hiện ra như sau:

Kiểu hiển thị: Normal(Combobox), Advanced(Logo), Haslink(Logo+Link) Nếu liên kết thuộc kiểu hiển thị nào thì ta check vào loại hiển thị đó.

-Sửa liên kết:

Nếu muốn sửa liên kết nào thì ta Click vào biểu tượng bút chì như trên hình:

Click vào nút quản lý liên kết màn hình hiện ra đầy đủ các thông tin của các liên kết để người quản trị dễ dàng quản lý các liên kết và có thể tiến hành sửa liên kết bằng cách Click vào biểu tượng sửa liên kết như hình dưới:

4.5 Quản trị thầy hay trò giỏi

4.5.1 Thiết lập Chuyên mục

+ Chọn kích thước của ảnh nhỏ và ảnh lớn khi hiển thị

+ Chi tiết link tới trang: Khi Click vào link thì sẽ link tới trang hiển thị chi tiết

+ Chọn chuyên mục: Chuyên mục nhập tin

+ Chuyên mục mặc đinh: Tab hiển thị đầu tiên bên ngoài mục Thầy hay – Trò giỏi

4.5.2 Thêm tin Thầy hay-Trò giỏi

Bước 2: Trong màn hình quản lý hiện ra, bạn thực hiện việc quản lý của mình

 Quản lý các users: click vào Tap Quản lý quyền hạn người dùng

Bước 4: Click vào chức năng Cập nhật ở phía dưới tương ứng với mỗi mục quản lý 4.7 Thoát khỏi hệ thống

Để thoát khỏi hệ thống, bạn Click vào chức năng Đăng xuất trên Menu chính như

hình minh họa