1. Trang chủ
  2. » Luận Văn - Báo Cáo

tìm hiểu nukeviet và xây dựng ứng dụng website luận văn tốt nghiệp đại học (phan thị hoa)

59 388 1
Tài liệu được quét OCR, nội dung có thể không chính xác

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 59
Dung lượng 29,22 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

Đồ á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 1

TRƯỜ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:

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

Ngày đăng: 17/10/2014, 22:33

HÌNH ẢNH LIÊN QUAN

Bảng  mã  CSDL.  u88 - tìm hiểu nukeviet và xây dựng ứng dụng website luận văn tốt nghiệp đại học (phan thị hoa)
ng mã CSDL. u88 (Trang 38)
Hình  2:  Trang  xem  tin - tìm hiểu nukeviet và xây dựng ứng dụng website luận văn tốt nghiệp đại học (phan thị hoa)
nh 2: Trang xem tin (Trang 50)
Hình  3:  Màn  hình  đăng  nhập  Sau  khi  đăng  nhập  vào  hệ  thống  trang  quản  trị  sẽ  như  sau: - tìm hiểu nukeviet và xây dựng ứng dụng website luận văn tốt nghiệp đại học (phan thị hoa)
nh 3: Màn hình đăng nhập Sau khi đăng nhập vào hệ thống trang quản trị sẽ như sau: (Trang 51)
Bảng  mã  CSDL - tìm hiểu nukeviet và xây dựng ứng dụng website luận văn tốt nghiệp đại học (phan thị hoa)
ng mã CSDL (Trang 52)
Hình  5:  Thông  tin  chung  về  csdl - tìm hiểu nukeviet và xây dựng ứng dụng website luận văn tốt nghiệp đại học (phan thị hoa)
nh 5: Thông tin chung về csdl (Trang 52)
w