Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web” LỜI CẢM ƠN Trước tiên, em xin chân thành cảm ơn Quý thầy cô trong khoa Công Nghệ Thông Tin - Trường Đại Học Vinh đã tận tình chỉ bảo c
Trang 1TRƯỜNG ĐẠI HỌC VINH
Giáo viên hướng dẫn : Th§ Vũ Văn Nam
VINH 5/2011
Trang 2Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
Trang 3Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
LỜI CẢM ƠN
Trước tiên, em xin chân thành cảm ơn Quý thầy cô trong khoa Công Nghệ Thông Tin - Trường Đại Học Vinh đã tận tình chỉ bảo cho em nhiều kiến thức bổ ích trong suốt thời gian học tại trường cũng như tạo điều kiện cho em thực hiện đề tài này Kính chúc thầy cô luôn đồi dào sức khỏe và thành công trong cuộc sống
Đặc biệt em xin bày tỏ lòng biết ơn sâu sắc đến thầy giáo 7b $ Vũ Văn
Nam, người đã tận tình giúp đỡ em trong suốt thời gian thực hiện đề tài, cho
em sự bình tĩnh và tự tin, giúp em rút ra nhiều bài học kinh nghiệm quý báu
mỗi khi em vấp phải những khó khăn Em khó có thể hoàn thành được đề tài
này nếu không nhờ sự chỉ bảo tận tình của thay
Cám ơn các bạn và tập thê lớp 47E KSCNTT - những người luôn bên cạnh động viên, ủng hộ em trong suốt quá trình học tập và thực hiện đồ án Mặc dù đã rất nỗ lực, có gắng nhưng chắc hắn đề tài vẫn còn nhiều thiếu sót Mong nhận được nhiều sự góp ý phê bình của Quý thầy cô, anh chị
và các bạn
Một lân nữa em xin chân thành cám ơn!
Sinh viên thực hiện: Phan Thị Hoa
Trang 4Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
LỜI NÓI ĐÀU
Ngày nay, khái niệm phần mềm mã nguồn mở đã không còn xa lạ với nhiều người và được ứng dụng ngày càng rộng rãi trong các tô chức và doanh nghiệp Được đánh giá là một phương tiện hữu hiệu để san sẻ sự thịnh vượng của thế giới công nghiệp hóa hiện đại hóa sang các nước đang phát triển, sự ra đời của phần mềm nguồn mở thực sự là một cuộc cách mạng của công nghiệp phần mềm
Gia nhập WTO, Việt Nam tiến thêm một bước nữa trên con đường hội nhập thế giới và vẫn đề bản quyền ngày càng được siết chặt hơn, theo thống
kê sơ bộ hiện nay ở Việt Nam, 97% phần mềm sử dụng không có bản quyền, nếu mua phải bỏ ra hơn 200 triệu USD, đây là vấn đề khó khăn đối với một đất nước đang phát triển cũng như các tổ chức CNTT ở việt Nam
Trong thời đại công nghệ thông tin phát triển như hiện nay việc xây đựng và quản lí một trang web là nhu cầu của mỗi người nhưng đề xây dựng một trang web hoàn chỉnh thì cần biết lập trình và dùng những ngôn ngữ web phổ biến hiện nay như php, asp.net, java Nhưng không phải ai cũng có đầy đủ kiến thức về lập trình để xây dựng web, vì vậy có một mã nguồn mở web là điều hết sức cần thiết NUKEVIET là một mã nguồn mở web rất tuyệt vời để chúng ta xây dựng web Nó là một CMS (Content Management System) tích hợp bên trong nó tất cả các công cụ được sử dụng đề tạo ra và quản lí thông tin
Chính vì lí đo đó mà em đã chọn đề tài” Tìm hiểu NUKEVIET và xây
dựng ứng dụng Web"
Trang 5Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
Chương 1: GIỚI THIỆU CHUNG 1.1 NuKeViet la gi?
e® NukeViet là một hệ quản trị nội dung (Content Management System)
mã nguồn mở (Opensource), người sử dụng thường gọi NukeViet là portal vì
nó có khả năng tích hợp nhiều ứng dụng trên nền Web
e NukeViet là niềm tự hào của cộng đồng mã nguồn mở Việt Nam vì chính quá trình phát triển của nó Từ việc sử dụng sản phẩm PHP-Nuke dé làm cho website cá nhân, Nguyễn Anh Tú - một lưu học sinh người Việt tại Nga - đã cùng cộng đồng Việt hóa và cải tiến thành NukeViet 1.0 rồi NukeViet 2.0 Cho đến phiên bản 3.0 thì NukeViet đã thực sự trở thành một sản phẩm mã nguồn mở riêng của Việt Nam với 100% dòng code được viết mới Cùng với việc thành lập doanh nghiệp chuyên quản mã nguồn, NukeViet chính thức bước vào thời kỳ phát triển chuyên nghiệp
e_ NukeViet được viết bằng ngôn ngữ PHP và chủ yếu sử dụng cơ sở đữ liệu MySQL NukeViet cho phép người sử dụng có thể dễ dàng xuất bản và quản trị các nội dung của họ trên Internet hoặc Intranet Đặc biệt NukeViet phiên bản 3.1 sử dụng các công nghệ tiên tiến nhất cho phép người sử dụng
có thể thực hiện việc cài đặt hoàn toàn tự động trên giao diện đồ họa khiến việc tạo web đễ dàng hơn bao giờ hết
e NukeViet phiên bản 3.1 không đơn thuần là một mã nguồn web,
NukeViet được coi như một phần mềm trực tuyến có thể xử lý nhiều nhiệm
vụ khác nhau NukeViet đễ dàng thay đổi các giao điện (theme) cũng như tích hợp các địch vụ và ứng dụng nhờ khả năng cài thêm các thành phần mở rộng (module) Nhờ vậy mà NukeViet có thể phục vụ các nhu cầu quản trị trực tuyến lớn nhỏ khác nhau: Từ các website cá nhân cho tới các mạng xã hội, từ các công thông tin điện tử, báo điện tử cho tới các website thương mại điện
tử, từ các hệ thống làm việc trực tuyến tập trung cho tới các hệ thống làm việc
Trang 6Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
phân tán NukeViet đặc biệt thích hợp đề phát triển các ứng dụng quản trị cho doanh nghiệp, các khối trường học và các cơ quan có sự lặp lại và phân cấp xuyên suốt trừ trên xuống đưới
e Những module có thể thêm vào NuKeViet dé dàng, nó cho phép webmaster thêm nhiều tính năng mới hơn vào web ngoài những module có
sẵn như News, tin nhắn Toàn bộ hệ thống này được quản lí bởi những
người quản trị tại khu vực quản trị
e NuKeViet là một mã nguồn mở xây dựng trên nền tảng PHP 5 và MySQL 5 cho phép van dung t6i đa sức mạnh của công nghệ mới Ứng dụng Xtemplate và Jquery cho phép vận dụng trong hệ thống, tương thích trên tat
cả các trình duyệt phổ biến hiện nay
e NuKeViet cho phép quản lý CSDL người sử đụng có thể tối ưu, sao lưu trên máy chủ và tải dữ liệu về để phục vụ cho công tác phục hồi nếu xây ra Sự
có, đồng thời có hệ thống kiểm soát lỗi tự động và báo lỗi cho người dùng
Trang 7Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Chương 2: HƯỚNG DÂN CÀI ĐẶT NuKeViet
2.1 Cai NuKeViet trén localhost
2.1.1 Cài đặt chương trình Appserv
Trước tiên để cài đặt NuKeViet trên localhost chúng ta phải cài đặt webserver ở đây chúng ta sử dụng Appserv Cài đặt Appserv như sau:
Nhấn cài đặt bình thường màn hình đầu tiên sẽ là:
'Weicome to the AppServ 25 10 Setup Wizard
Ths wizard wil guide you through the instalation of AppS=rv 2.5.19
Its reccmmerded that you dose all other applicaticns
befor= starting Setup Ths will make it possible to update relevant systern ies without having to reboot your computer
Click Next to conanue
Press Page Down to see the rest of the agreement
GNU LESSER GENERAL PUBLIC LICENSE Version 2.1, February 1999
Copyright (C) 1991, 1999 Free Software Foundation, Inc
59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed
[This is the first released version of the Lesser GPL It also counts as the successor of the GNU Library Public License, version 2, hence
the version number 2 1.]
If you accept the terms of the agreement, dick I Agree to continue You must accept the
agreement to install AppServ 2.5 10
Trang 8Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
‘Choose Install Location
Setup will install AppSery 2.5.10 in the following folder To install in a different folder, dick
Browse and select another folder Click Next to continue
Nullsoft Install System v2.18 —
O muc sever name ghi: localhost
O muc Administrator’s Email Address ghi địa chỉ Email của ban
Please enter Root password for MySQL Server
Enter root password
Re-enter root password
MySQL Server Setting Character Sets and Collations (J) Old Password Support (PHP MySQL API function.)
Mặc định truy cập Database quy định là root
Trang 9Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Setup Wizard
AppServ 2.5.10 has been installed on your computer
Click Finish to dose this wizard
Sau khi cài đặt xong mình tạo cơ sở dữ liệu rỗng:
Mở trình duyệt (Internet Explorer hoặc Google Chrome) gõ địa chỉ: http:/1ocalhost/phpmyadmin/
1.544
Nhập User name: root (Mặc định là root)
Trang 10Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
Password: root (Mật khẩu bạn nhớ ở phần 1)
phpMyAdmin - 2.10.3
hy set UTF-4 Unicede (#8)
— =“ § grrecton coluton | x unicode x Tạo
ye elect 3 databane © Create new databave (®
B mg Bicone i
Cơ sở đữ liệu rồng vừa được tạo 2.1.2 Cài đặt NuKeViet
Sau khi hoàn tất quá trình cài đặt Appserv chúng ta tiến hành cài đặt NuKeViet
Download gói cài đặt tại địa chỉ nukeviet.vn Sau khi dowload xong giải nén vào thư mục www
Tạo database tên tùy ý Import cở sở dữ liệu của nukeviet vào đường dẫn ./sql/nukeviet sql
Mở IE lên gõ đường dan sau http://localhost/nukeviet/html (6 day đặt tên thư mục chứa site là nukeviet)
Trang 11Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Organize.» Include in library, ~ Share with.» Bum.»
B® Local Disk (E:) : ; |
l£® - œ X 2 cẻ ng Aeneeengecceccsawns=pnp
L2 Most Visted Smart Bookmarks @> Getting Started » Latest Headlines
+ twechon agen ngs Bn quyền LựA CHỌN NGÔN NGỮ,
Do sai Hãy kya chọn ngôn ngữ mà bạn dự định sử đụng trong ste
Mở trình duyệt Internet Explorer gõ địa chỉ: http://localhost/nukeviet/
(của bạn khác) màn hình xuất hiện:
Lựa chọn ngôn ngữ cài đặt
Chọn bước kế tiếp
Kiếm tra máy chó
-+- Kiếm tra vite CHMOD
CSu hinh oo 28 0 Hew:
Thông tin website
Kết thóc
Trang 12
Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Bắt đầu bước 2 bạn có thể thêm lựa chọn: quay lại bước (1) hoặc bước kế
Trang 13Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Điền thông tin (Phần này để bạn đăng nhập quản trị nên bạn phải nhớ tên
tài khoản ADMIN và Mật khẩu)
Chọn: Thực hiện
đệ Cá đặt akeviet x | 7 Web Henting Control Pena |
(> Oo you want Fireox to remember the password for “sshothongtineo@pmed.com” on co.cc?
Lựa chọn ngôn one * KẾTTHÚC
Kiếm tra máy chủ - _ Bạn đã cài đặt thành công!
Kiếm tra việc CHMOD % xe chúc mừng! Bạn đã cải đặt thành công hệ thống Nokeoet Bợn căn đăng nhập váo khu vực quản trị để bến hành các
bước cấu hình see
(hd ¥: Hay CHMOD thu myc uploads trén webroot va céc thự trục coa nằm trong nó ở chế độ 777 Hiếu không tầm
‘Thing tin website ° việc này ngay, hệ thống sẽ không cho phép bạn uploa các tập tr: lên host
Kết thức '® Mọinhụ cầu về hỗ trợ kỹ thuật xe lên hệ tại điễn đàn Hukeevset.VN
Xn cảm ơn và chúc thành công!
xem trang a QD (ping cháo trang quản trị
iy pháo GIU/GPL v2.0
Sau khi cài đặt xong sẽ được như sau
Trang 14Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Ghuảng cáo srên mã cgướn NhakceViet
Cấu hìnhsie ? Thông tin từ các module
Các biến mổitường | Thànhviên Số thành viên 1 Các biến tiền định
Nhật ký hệthống _ Phiên bản NukeViet ( Kiểm tra phiên ban NukeViet)
Thành viên Phiên bản mới nhất Số phiên bản: 3.0.12488, cập nhật vào: 20-10-2010 07:00
Trang 15Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
2.2 Giới thiệu một số thành phần trong phần quán trị NuKeViet
Sau khi bắm nút Đăng nhập trang quản trị, bạn chuyển đến trang Đăng nhập quản trị hệ thống, rồi nhập vào ô Bí danh (tên tài khoản quan tri) va Mat khẩu Ö cửa số NukeViet CMS, bạn có thê sử dụng các tính năng sau để quản
"_CSDL: Cho biết thông tin chung về csdl, các table thuộc csdl, sao lưu
dữ liệu, kích hoạt các tiện ích, định dạng, số lượng file lưu
"Cấu hình: Cấu hình site rồi tiến hành thiết lập theo ngôn ngữ: Tên gọi của site, Mô tả của site (hiên thị trên thanh tiêu đề của trình duyệt), Giao điện mặc định, Module mặc định trên trang chủ (module này sẽ hiển thị khi
bạn truy cập vào tên miền), có thể đánh dấu kiểm vào ô Si/e ngưng hoạt
động nêu đang bảo trì hoặc sao lưu, Nội đưng thông báo khi site ngưng hoạt động
Ngoài ra, bạn có thể thay đối các thiết lập khác ở mục Cấu hình chung, như 7? khóa cho máy chủ tìm kiếm (giúp máy tìm kiếm dễ tìm ra website
bằng các từ khóa), Email nhận thông báo lỗi, Cấu hình hiển thị captcha (hién thị và không hiển thị mã bảo mật), Ä⁄ú¿ giờ của site, Kích hoạt tiện ích đếm số người online, Kích hoạt tiện ích thống kê Bắm Lưu đề thay đối có hiệu lực
" Công cụ Web: Chức năng dọn dẹp hệ thống làm sách cache, chuẩn đoán, kiểm tra thứ hạng của trang web, quản lý máy chủ tìm kiếm, kiểm tra phiên bản, cập nhật các thông tin mới, thay đổi và xóa các file
GVHD: ThS Vii Van Nam 14 SVTH: Phan Thi Hoa
Trang 16Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
"Ngôn ngữ: Biết được tên ngôn ngữ cài đặt ngoài site, sửa ngôn ngữ, kiểm tra, tạo ngôn ngữ giao diện, cho phép quản lý hiển thị tên ngôn ngữ, đọc xuất, dowload các file
= Quan ly Module: Cho biết các module đang hoạt động, có thể thêm mới, xóa, kích hoạt, không kích hoạt, tạo module ảo, cài đặt tự động cho phép lựa chọn các tiến trình cài đặt
* Quan ly giao diện: Để tạo một giao diện đẹp phù hợp với nội dung trên web giúp thu hút người xem nhiều hơn vì vậy có thể sắp xếp các khung nội dung theo
ý muốn Ở mục thiết lập layout, bạn chọn một trong bốn vị trí body — right, body, left — body — right, left — body 6 muc Main cua tig module Muc quan ly block giúp chúng ta đi chuyền các khối module đến vị trí cần thiết có thể sắp xếp sang hắn bên trái (hoặc bên phải) để làm tăng diện tích của khung nội dung Ngoài ra
có thể thêm block, sao chép block và cài đặt giao diện
"_ Quản ly file: Chức năng hiển thị tất cả các loại file, tìm kiếm, duyệt và
upload
2.3 Cấu trúc hệ thống Nukeviet :
Nukeviet có cấu trúc rõ ràng như sau:
» Himl (Root -thư mục gốc Bạn có thể đổi tên tùy thích)
| -`ADMIN (chứa các file phục vụ việc quản lí site)
| -\CASE (chứa các hàm chính gọi thông qua Admin file)
\UANGUAGE (chứa các file ngôn ngữ cho khu vực Admin)
| -\LINKS (cac liên kết chinh tir Menu trong Admin Control Panel)
| -\MODULE (chia cac file quan li ttrng module)
| -\BLOCKS (chtra cac file hién thi Block)
\WMAGES (chứa ảnh cho hệ thống)
[ -INCLUDES (chứa các file đữ liệu cho hệ thống)
\LANGUAGE (chứa các file ngôn ngữ cho hệ thống chính)
\MODULES (chứa các module của hệ thống)
| -'THEMES (Giao diện của hệ thông)
Trong đó chúng ta sẽ can thiệp nhiều nhất vào các file và thư mục con trong 3 thư mục Blocks, Modules, Themes
Trang 17Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Chương 3: GIỚI THIỆU MODULE - BLOCK - THEME CUA
HE THONG NUKEVIET VA CACH CAI DAT
3.1 Module
3.1.1 Module Ia gi?
Module (còn gọi 1a Addons hay Plugins — tinh nang tang cuwong cho hệ thống) là những phần mở rộng của hệ thống Nukeviet Mỗi module sẽ đảm nhận một chức năng riêng cho hệ thống Nếu coi Nukeviet là một tổng công
ty hoạt động theo mô hình công ty mẹ - công ty con thì các module chính là các công ty con, chúng có khả năng hoạt động và hoạch toán độc lập nhưng chịu sự chỉ đạo của công ty mẹ Phần chính của một module được đặt trong thư mục Modules (trong thư mục gốc của Nukeviet) phần điều hành Module (nếu có) được đặt trong thư mục admin/modules/
Dé vao phan quan li Modules trong Admin Control Panel ta nhap chuột vào Quản ly module:
= +] (mm Lnhệ 3004M0AMU g a a / Sia -ð 03ili -Ñ Ma
-lên hệ
; Thống lẻ 3001-20102010 a a ra - 8 Cai -
Năng 8 j>Ì ‘voting Tham doy ken 3.001-20102010 ñ a o / Sita -@ Cailai - 8 Xba Cho biết đanh sách các module đang hoạt động thứ tự các module, tên gọi, phiên bản, các menu đầu và menu phụ, chúng ta có thể xóa, sửa và cài lại module
Trang 18Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
3.1.2 Cách cài đặt Module
Bạn hãy vào địa chỉ http://Nukeviet-download com/ nơi đây có rất nhiéu module va theme cho Nukeviet
Các bước cài đặt Module:
Đây là trình tự tổng quát dé cài đặt một Module nói chung, mỗi Module
cụ thể sẽ có hướng dẫn cài đặt riêng đi kèm file cài đặt
Bước I: Upload các file của Module lên web-hosting (nếu cài trên host) hoặc copy vào thư mục được yêu cầu (khi cài trên PC)
Tùy từng Module sẽ có cách cài đặt khác nhau Tuy nhiên về cơ bản, phần chính của các Module sẽ được chứa trong thư mục con của thư mục Modules (Thư mục Modules nằm trong thư mục gốc của Nukeviet) Thông thường, tác giả tạo ra Module sẽ thiết lập sẵn cấu trúc các thư mục cho Module và bạn chỉ cần copy Module đó vào thư mục gốc là xong (xem hướng dẫn đi kèm bộ cài đặt Module)
Bước 2: Cài đặt Cơ Sở Dữ Liệu (CSDL)
Một số Module cần có CSDL riêng để chạy, một số khác thì không Để
biết Module có cần CSDL hay không bạn hãy đọc kỹ file hướng dẫn cài đặt
có trong mỗi Module
Nếu là Module cần đến cơ sở đữ liệu riêng, khi đó bạn sẽ phải cài đặt thêm Cơ Sở Dữ Liệu (CSDL) cho Module (Nếu Module không cần CSDL
riêng thì bỏ qua bước này)
Chúng ta vào phần quản lý module -> chọn cài đặt tự động -> lựa chọn tiến trình
Trang 19Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Cài đặt tự động
Lựa chọn tiền trình 1.961 Module + Block
Cai dat module
Hệ thống đã tãi Ién file: Weather_v3002.2ip - Dung luong: 44.42 KB
Cai dat module
Hệ thống đã tai lén file: Weather_v3002_zip - Durg luong 44.42 KB
Tông số file + folder: 57 4] themes/
Quá trình cài đặt thành công Hệ thông sé ty dong chuyén ban sang trang kich hoat cai dat ngay bay gio
or en trang quan ly module
Bước 3: Kích hoạt Module
Bạn đăng nhập vào Admin Control Panel (viết tắt là ACP hay Admin
CP, nghĩa là "Bảng điều khiển của Người Quản trị") qua địa chỉ:
http:/Aocalhost/nukeviet/admin/
Trang 20Đà án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
Vào mục Modules, lựa chọn "Kích hoạt" cho Module bạn vừa cài Nói chung tùy từng Module, việc cài đặt và mức độ khó, dễ có thể khác nhau Bạn cần đọc kỹ các file “Readme txt” hoặc “huong dan txt” có trong
mỗi bộ cài Module
Sau khi Module được kích hoạt, nó sẽ xuất hiện trong danh sách các Module (mục “Tiện ích trên site”) Ngoài ra, bạn cũng có thê truy cập nó bằng dia chi: http://localhost/nukeviet/modules php?name = tén module Trong đó tén module 1a tén thu mục chứa module đó
Ngoai ra 6 NukeViet 3.1 còn có tính năng mới thém Module ao
© | them module ao
Quan ty Modules
Thiét dp module méi
Thêm module ảo
Ế_ Ghi chú:Tên module mới chỉ gồm các chữ cái, số và dấu gạch ngang
Tên mođule mới:
GÌ
menu
Nhập tên Module mình muốn tạo Chọn theo các gói Module đã có
Nhấp vào nút thực hiện Sẽ hiện ra trang sửa module cho mình chỉnh sửa nếu không mình để nguyên tiếp và nhấp vào nút thực hiện
GVHD: ThS Vii Van Nam 19 SVTH: Phan Thi Hoa
Trang 21Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
Sửa module “phap-luat”
Giao diện Mac dinh [=]
Từ khóa fim kiém Phân cách bởi dầu phẩy
Quyền xem: Tat ca [x]
Kích hoạt m
Kích hoạt chức năng rss w
3.2 Block
3.2.1 Block la gi?
Block (khối) là các khối nhỏ trên website Chúng được hiển thị nhờ
các file đặt trong thư mục Blocks (xem hình sau)
Để dễ hiểu bạn có thể tưởng tượng website là một siêu thị, còn Block là các gian hàng do các công ty con mở ra trong siêu thị ấy Khi khách hàng vào một gian hàng, họ sẽ đễ dàng tìm đến công ty đã mở ra nó Ý nghĩa hoạt động của Block cũng tương tự như vậy
Nhờ có Block mà nội dung website trở nên đa dạng và phong phú Khách truy cập cũng nhờ thế mà nắm bắt nội dung website đễ đàng và nhanh chóng tiếp cận đến mục mà họ quan tâm
Block có thể được đặt bên trái hoặc phải hoặc ở giữa tuy theo người quản trị
Ví dụ: (xem hình bên dưới)
Trang 22Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
San phim ng + Motorola sé sin xudt
Sức Khoẻ smartphone I8i to?
Sức Mạnh Số * Làng Hoàng Trù - Quê ngoại
_— 100 năm từ ngày Bácrời quê hương làng _ ` Những 'phép màu” hóa chất đáng sợi
“Sen bên ba đi khắp góc bễ chân trời BỊ viêm khớp nên ăn nhiễu gừng Hai lần Bác Hỗ về thấm quê
Làng Hoàng Trù - Quê ngoại Bác Hồ
Để vào phần quản lí Block trong Admin Control panel, ta vào quản lý giao
Đăng nhập | Guên mắt khẩu?
ö news Main glean ees
news Topic
Vi
2[=) LEFT [=] Quang cao trai banners globalbannersphp có Mea “đi n
Thống kê tru ã Tất cả các © Siva -
(Sled Ee Bel y statstics global countor.php co ng “xa A 1=] = global menu eme default globalLmenu theme_defaultphp menu a Tất cả các module + sửa
1) [RIGHT EE ciertnieu about global about pnp co eee “Sie 0 2[=] [RIGHT [Te] Bang nhap than Uses global login hp có TH “8 #9
3[=]_ [RIGHT [=] Tham doy kién voting global voting_random php Có Tật cả các %4, ¬
2=] [Tor TED Quine <0 9902 banners global banners php có Tất cả các “SB, 20
Thiét lap jai vi tricac block €>Thémblcck Xóa Chon tatca 86 chon tatcé
= Cho phép sắp xếp vị trí hiển thị, tên block, các file, lựa chọn module Ngoài ra còn có chức năng xóa, sửa Block
Trang 23Đồ án “Tìm hiểu NuKeViet và xây dựng ứng dụng web”
3.2.2 Thém Block
Bằng ý tưởng cài đặt gói Module + Block, vi thế một block có rất nhiều
kiểu thể hiện khác nhau, trình bày các đữ liệu khác nhau Đây là một bước tiến mới để tiến tới việc “Block hóa các module”, nâng mức tùy biến module lên cao nhất
Chọn kiễu block EEEESESTEIEXZEI x | Chon block ix]
Tên block:
URL của tên block:
Template Mac dinh| ~ |
Ngay hét han: ZiÏl (dd/mm/yyyy)
+ Tạo block thống kê số bài viết trong site
GVHD: ThS Vii Van Nam 22 SVTH: Phan Thi Hoa
Trang 24Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Tên block: Thống kê truy cập
URL của tên block:
Ngay hét han 3) (dd/mmiyyyy)
Kích hoạt #\ Có
Ai có quyền xem Tất cả Lx]
Thuộc nhóm 2_ Fi Tách ra khỏi nhóm và tạo nhóm mới (64 block)
Áp dụng cho module @ Tatcacac module © Chon module
la TÔng lượt truy cập : 51
3.2.3 Một số Block được tích hợp sẵn trong NuKeViet
“ Quảng cáo trái: Hiển thị Banner quảng cáo trong Block Bạn phải chắc chắn rằng độ rộng của Banner bạn chọn không vượt quá độ rộng của Block Nói chung, khoảng 100 đến 120 điểm ảnh rộng là tối đa
Nội dung: Block này cho phép hiển thị các biểu tượng vào Module nội dung của bạn
* Ngôn ngữ: Block này cho phép người xem có thể thay đổi ngôn ngữ trên site
« Tin nổi bật: Hiển thị danh sách bài viết được đưa lên site của bạn
Trang 25Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
* Thống kê truy cập: Hiển thị tổng số lần truy cập đến site của bạn
* Cac bài viết cũ: Hiển thị danh sách những tin cũ trong site của bạn
* Thăm dò ý kiến: Hiển thị một cuộc khảo sát ý kiến của bạn đọc
* Thành viên online: Hiền thị danh sách thành viên và khách đang truy cập site của bạn
» Search: Hỗ trợ tìm kiếm trên site
Trên đây là một số Block có sẵn trong nukeViet Bạn cũng có thể tạo thêm những Block khác phục vụ cho những mục đích riêng
3.3 Theme
3.3.1 Theme là gì?
Theme hay còn gọi là Skin là các giao diện khác nhau cho website Day
là giải pháp lí tưởng giúp cho việc thay đổi giao diện website trở nên dễ dàng Nhờ thiết kế mỹ thuật của tác giả tạo ra theme mà website có thể được trình
bày dưới các bố cục khác nhau Điều này sẽ giúp cho website không bị nhàm
Trục vớt hộp đen thứ 2 của máy bay Air mm về phần mộ Bà Hoàng Thị
France Núi Động Tranh nằm trong dãy núi Đại Huệ thuộc xã
(Dân trị - Nguyên nhân thảm kịch hàng không bí ẩn của hãng A France
vốn cướp đi sinh mạng của 228 người hồi năm 2009 có thế sắp được gäi
mã sau khi hộp đen thứ 2 của máy bay đã được tn thấy
'Xem tiếp >
vận chuyến 6.000 sẽ thực phẩm bạn mm “chê” trường,
biên giới
+ Khi di vat vả/khi về gian nam
Miên Bắc còn mưa, thời tiết xấu trên biển
+ Thi mat han tr Ain LS msdn cắn
GVHD: ThS Vii Van Nam 24
Nam Gang, huyện Nam Đàn Từ thành phố Vĩnh theo quốc lộ 46 đến km 11-12, thuộc xã Nam Gang, huyện Nam Đàn rồi đi tiếp khoảng 2 Km nữa bạn đến núi Động Tranh trong đấy núi Đại Huệ TỪ chân núi Động Tranh đi khoảng 300 bậc sẽ tới phần
mộ của bà Hoằng
ĐĂNG NHẬP
Xin chao: phanhoa
Đối mật khẩu Tài khoăn
SVTH: Phan Thi Hoa
Trang 26Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
3.3.2 Cách cài đặt Theme
Tương tự như cài module bạn cài theme bằng cách unzip tải gói ngôn ngữ tại địa chi: http://nukeviet com
Mở trang quản trị bằng đường dan: http://localhost/nukeviet/admin
Mở menu bắng Quản lý giao điện: Chọn cài đặt theme
Cài đặt theme: Hãy lưa chọn [r]
Cải đặt therne lên hệ thông Đón Gi theo tén theme
HH7 nfalceefleR cse 7R2 hưes
Để tiếp tục quá trình cài đặt, click vào KIỀM TRA hệ thống sẽ tự động kiểm tra tính tương thích
KIEM TRA!
Nhấn vào nút kiểm tra hệ thống tải file lên
Trang 27Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
171 adtdireshioR rec TR2 hđae
Quá trình cài đặt thành công Hệ thống sẽ tự động chuyên bạn sang trang thiết lap layout cho giao dién
Quá trình cài đặt thành công
Sau đó bạn trở về phần quản lý giao diện để kích hoạt sử dụng lên trang
chủ hoặc xóa khỏi hệ thống | i i Ị Hi! 1 iil { |
1" | | i
Kích hoạt sử dụng | Xóa khỏi hệ thổ
Thiết kế bỡi nhóm phát triễn giao diện NukeViet thuộc VinaDes Jsc Được ra mắt
từ phiên bãn NukeViet Close Beta 3.0 và sử dung lam giao dién mac dinh cho phién
ban chính thức Đây là giao diện mặc định của hệ thông Bạn không được xóa, đôi
tên và An nên sửa trực tiệp vào giao diện này Nêu muôn, hãy copi thành giao
diện khác đề chỉnh sửa và kích hoạt sử dụng giao diện mới đó
Các file + thư mục nằm trong: /themes/default/
Các vi trí thiết kế trong theme: MENU SITE | HEADER | LEFT | RIGHT | TOP |
BOTTOM | FOOTER | FOOTER SITE
Thame Trisfena I fon thiết kế Ai Vinatri Ontina
Trang 28Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
Chương 4: HƯỚNG DẪN SỬ DỤNG MỘT SÓ CHỨC NĂNG
TRONG ADMIN CONTROL PANEL
4.1 Hướng dẫn sử dụng một số Module trong Admin Control Panel 4.1.1 Sử dụng Module giới thiệu
Ô ` Danh sách các bài giới thiệu
Dis m———~-—~
© | mem bai moi
Giới thiệu
Thêm bài mới Tên bài viết
Tae Liên kếtfnh ® Thành viên Nội dung
Trang 29Đồ án “Tìm hiểu NuÑeViet và xây dựng ứng dụng web”
- Ngoai ra Module News:
e Cho phép sử dụng ảnh minh họa ngoài site
e_ Thêm chức năng đăng/sửa/xóa bài dành cho thành viên
Cấu hình đăng bài viết của thành viên
a
e Bô sung câu hình trình bày theo lưới, theo list bài viết
+ Có 10 kiêu trình bày bài việt trong chuyên mục
1 Tmtức3) Có v — theolưới mớilêntrên 3 + @Thêmbàiết -⁄ Sửa -fXóa
== danh sách, mới lên trên =
" theo tiêu đả, mới lên trên — ;
3v Đốiác Có v theo tiêu dé cũ lên trên 3 v _ @Thêmbàiviết - / Siva -fÑXóa
4 + Tuyéndung Có v theo lưới ciHôn trên 3 v_ @Tnêmbàivết - “Sửa -fÑXóa
chuyên mục, tin khác nằm bên trái
chuyên mục.tin khác năm bên phải
» Thêm chuyên mục chuyên mục.tin khác năm bên dưới
chuyên mục thành 2 cột
- Bồ sung tính năng cho phép mỗi admin upload vào 1 thư mục riêng của news
Với các kiểu trình bày đa dang nay, cdc ban cé thé sit dung module News cho nhiều mục đích khác nhau Ví dụ kiểu 2 cột và kiểu chuyên mục phù hợp cho dạng tin tức chuyên nghiệp; kiểu lưới phù hợp trang giới thiệu sản
phẩm, album sản phẩm; trình bày theo tiêu đề phù hợp với các bài viết cần
trình bày thành mục lục; trình bày theo danh sách phù hợp với các trang Blog cá nhân với khả năng này NukeViet sẽ đáp ứng mọi nhu cầu sử dụng trong một module có sẵn trong nhân hệ thống là module News