Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Mục lục
Phần Trang
1) Giới thiệu chung về Internet 2
2) Giới thiệu một số trang wed 2
3) Giới thiệu chung về NukeViet 3
4) Hướng dẫn cài đặt NukeViet 4
5) Quản lý giao diện 15
6) Giới thiệu trang wed được tạo trên NukeViet 17
Trang 1
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
PHẦN 1: GIỚI THIỆU CHUNG VỀ INTERNET
Mạng Internet ngày nay là một mạng toàn cầu, bao gồm hàng chục triệu người sử dụng,
được hình thành từ cuối thập kỷ 60 từ một thí nghiệm của Bộ Quốc Phòng Mỹ. Tại thời
điểm ban đầu đó là mạng ARPAnet của ban quản lý dự án Quốc phòng. ARPAnet là một
mạng thử nghiệm phục vụ các nghiên cứu quốc phòng, một trong những mục đích của nó
là xây dựng một mạng máy tính có khả năng chịu đựng các sự cố ( ví dụ như một số nút
mạng bị tấn công nhưng mạng vẫn tiếp tục hoạt động).
Mạng cho phép một máy tính bất kì trên mạng liên lạc với mọi máy tính khác. Khả năng
kết nối các máy tính khác nhau đã thu hút mọi người, vả lại đây cũng là phương pháp kết
nối thực tế duy nhất để kết nối các máy tính của các hãng khác nhau.
Mạng Internet nguyên thủy được thiết kế nhằm mục đích phục vụ nhằm cung cấp thông
tin cho giới khoa học nên công nghệ của nó cho phép mọi hệ thống điều có thể liên kết
với nó thông qua một cổng điện tử. Theo cách đó, có hàng ngàn hệ máy tính hợp tác cũng
như nhiều hệ thống dịch vụ thư điện tử có thu phí , nhu MCI và Compusever chẳng hạn,
đã trở nên thành viên của Internet. Với hơn hai triệu máy chủ phục vụ gần hai mươi triệu
người dùng, Internet đang phát triển với tốc độ bùng nổ, mỗi tháng có hơn một triệu
người tham gia mới.
Các lợi ích của Internet:
• Phương tiện trao đổi thông tin nhanh chóng, tiện lợi và rẻ tiền.
• Hỗ trợ một cách hiệu quả cho các hoạt động kinh doanh.
• Kho thông tin khổng lồ được cập nhật thường xuyên.
Góp phần thúc đẩy nghiên cứu khoa học và giáo dục đào tạo.
PHẦN 2 : GIỚI THIỆU MỘT SỐ TRANG WED
Trang 2
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
PHẦN 3 : GIỚI THIỆU CHUNG VỀ NUKEVIET
Trong thời đại Internet có rất nhiều bạn có nhu cầu học về lập trình web. Có nhiều cách
lập trinh một trang wed ví dụ như : MS Frontpage,wed động với ASP,Dreamweaver,…
nhưng hiện đại hơn là thiết kế wed bằng phần mền mã nguồn mở ở các chương trình quản
lí nội dung như NukeViet và Joomla. Ở nội dung của phần báo cáo này chúng ta sẽ cùng
đi sâu vào tìm hiểu về Nukeviet.
NukeViet là một chương trình quản lý nội dung (CMS-Content Management System) do
người Việt phát triển, với mã nguồn được viết mới hoàn toàn và dựa trên nền ngôn ngữ
lập trình PHP. Với NukeViet, bạn sẽ nhanh chóng tạo ra một website động, người truy
cập sẽ dễ dàng tương tác với nội dung và tránh cho họ sự nhàm chán như khi truy cập
trên website tạo bằng ngôn ngữ HTML
Không những vậy NukeViet 3.0 còn có nhiều tính năng vượt trội như tích hợp các
module giúp cho quản trị viên và thành viên quản lý tốt website, kết nối trực tiếp với diễn
đàn được tạo bằng mã nguồn phpBB hay vBB, tối ưu hóa công cụ tìm kiếm bằng việc sử
dụng từ khóa (Keywords), kiểm soát lỗi tự động và báo lỗi thông minh,…
Trang 3
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
NukeViet 3.0 có mã nguồn mở đang trong quá trình hoàn thiện, bạn có thể tham
khảo thêm thông tin, cũng như tải bản mới nhất của gói mã nguồn này tại trang chủ
.
Dưới đây là hình ảnh về giới thiệu trang chủ của NukeViet.
PHẦN 4 : HƯỚNG DẪN CÀI ĐẶT NUKEVIET
1.a) Chuẩn bị cho việc cài đặt NukeViet 3.0
1. Tải NukeViet 3 từ
2. Để có thể cài đặt nukeviet 3 trên localhost bạn cần chuẩn bị máy chủ web trên
máy tính của mình, bước này có hướng dẫn chi tiết tại Phần III.
3. Giải nén nội dung vào thư mục www trên localhost
4. Tiến hành cài đặt bằng việc truy cập địa chỉ website của bạn, tới thư mục
bạn đã upload mã nguồn NukeViet lên.
1.b) Tạo cơ sở dữ liệu rỗng
Cơ sở dữ liệu rỗng thực chất là một DB name mới. Để tạo một CSDL rỗng, bạn thực hiện
theo trình tự sau:
Mở trình duyệt web, gõ http://localhost/phpmyadmin/ (xem hình 2.1).
Trang 4
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Hình 2.1: Tạo CSDL rỗng.
Tại ô Create new database, nhập tên cơ sở dữ liệu mà bạn muốn tạo mới. Ví dụ:
“mangxd”.Nhấp Create (xem hình 2.2).
Hình 2.5: CSDL rỗng vừa được tạo
1.c) Quá trình cài đặt
Quá trình cài đặt mới 1 website sử dụng NukeViet sẽ qua 07 bước như sau:
Trang 5
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
1.c.1) Lựa chọn ngôn ngữ
Hình 1.1: Lựa chọn ngôn ngữ cài đặt
Hình 1.2:Giao diện cài đặt tiếng Việt sau khi lựa chọn ngôn ngữ cài đặt.
Ngôn ngữ mặc định khi cài đặt là tiếng Anh, để thay đổi ngôn ngữ hiển thị bạn có thể lựa
chọn ở menu “Please select the language to use on this site” (1). Lựa chọn xong ngôn
ngữ bạn có thể nhấn vào nút “Bước kế tiếp” (2) đối với tiếng Việt hoặc nút “Next step”
đối với ngôn ngữ là tiếng Anh.
Trang 6
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
1.c.2) Bản quyền
Hình 2.1:Bản quyền
Mã nguồn nukeviet 3.0 được phát hành dưới dạng mã nguồn mở sử dụng giấy phép:
GNU GENERAL PUBLIC LICENSE, khi bạn sử dụng mã nguồn NukeViet bạn hoàn
toàn phải tuân thủ theo giấy phép trên.
Bắt đầu từ bước 2 bạn có thêm lựa chọn: Quay lại bước trước (1) hoặc Bước kế tiếp
(2).
1.c.3) Kiểm tra máy chủ
Để hệ thống nukeviet 3.0 có thể hoạt động trơn tru - ở bước này hệ thống sẽ liệt kê ra các
tính năng – yêu cầu máy chủ bắt buộc phải hỗ trợ. Nếu 2 yêu cầu: “Phiên bản PHP >=
5.0.0” và “Hỗ trợ MySQL” không thỏa mãn thì quá trình cài đặt không thể tiếp tục.
Ngoài ra hệ thống còn đưa ra những khuyến cáo về những tính năng khác của máy chủ.
Nếu có thắc mắc trong việc các bạn có thể thông qua diễn đàn để được
giúp đỡ thêm.
Khi các yêu cầu thỏa đáng các bạn có thể nhấn vào nút “Bước kế tiếp” để chuyển qua
bước 4: Kiểm tra việc CHMOD.
Trang 7
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Hình 3.1:Kiểm tra máy chủ
1.c.4) Kiểm tra việc CHMOD
Trang 8
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Hình 4.1:Kiểm tra việc CHMOD
Ở hình 4.1 các yêu cầu CHMOD các file, folder đều đã sẵn sàng cho việc cài đặt. Bạn có
thể chuyển qua bước bước 5: “Cấu hình cơ sở dữ liệu”.
Nếu xảy ra lỗi (Hình 4.2). Hệ thống sẽ yêu cầu bạn phải CHMOD lại folder hoặc file cần
thiết. Bạn cũng có thể điền thông tin tài khoản FTP máy chủ của bạn vào ô “CẤU HÌNH
FTP” – nếu máy chủ của bạn hỗ trợ việc CHMOD thông qua php thì hệ thống sẽ tự động
Trang 9
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
CHMOD những file, folder cần thiết sau khi bạn điền đầy đủ thông tin cấu hình FTP và
nhấn vào nút “Thực hiện”. Còn không, bạn sẽ phải tự CHMOD bằng tay.
Hình 4.2:Lỗi không ghi được ở folder sess
Sau khi hoàn thành quá trình CHMOD bạn có thể nhấn vào nút “Bước kế tiếp” để
chuyển qua bước khai báo thông tin cơ sở dữ liệu.
1.c.5) Cấu hình cơ sở dữ liệu
Trang 10
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Hình 5.1:Cấu hình cơ sở dữ liệu
Bạn phải điền đầy đủ các thông tin về thông số database của bạn sau đó nhấn vào nút
“Thực hiện”.Nếu nhập sai hệ thống sẽ thông báo lỗi, và không hiện thị nút “Bước kế
tiếp” để bạn có thể tiếp tục quá trình cài đặt.
Khi bạn điền chính xác thông tin và việc kết nối tới cơ sở dữ liệu thành công – hệ thống
sẽ chuyển bạn sang bước tiếp theo.
1.c.6) Thông tin website
Hình 6.1: Khai báo thông tin website
Ở bước này các bạn phải điền đầy đủ thông tin vào những ô được đánh dấu (*), bên cạnh
là cột ghi chú giúp bạn có thể hiểu rõ hơn quá trình nhập thông tin.Sau khi nhập thông tin
xong bạn có thể kết thúc bước này bằng cách nhấn vào nút “Thực hiện” để chuyển qua
bước 7
1.c.7) Kết thúc quá trình cài đặt
Trang 11
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Hình 7.1: Kết thúc quá trình cài đặt
Khi hoàn thành 6 bước trên và chuyển qua bước 7: Kết thúc – hệ thống sẽ hiện ra thông
báo chúc mừng bạn đã cài đặt thành công. Ngoài ra, hệ thống cũng yêu cầu hãy CHMOD
ngay thư mục uploads trên webroot và các thư mục con nằm trong nó ở chế độ 777.
Sau khi xong các bước hệ thống yêu cầu bạn có 2 lựa chọn: Xem trang chủ hoặc Đăng
nhập trang quản trị.
Link đăng nhập khu vực quản trị: />Thông báo đăng nhập thành công:
Trang 12
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Admin Control Panel
Giao diện site
Trang 13
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Chú ý: Nếu bạn muốn cài đặt lại website hãy đăng nhập thông qua tài khoản FTP hoặc
qua Control panel của hosting để xóa file config.php ngoài webroot. Sau đó tiếp tục các
bước như trên để cài lại hệ thống NukeViet 3.0
PHẦN 5: Quản lý giao diện
1) Giới thiệu
Mặc định hệ thống Nukeviet3.0 có hai theme (giao diện) là default và modern
Để cấu hình giao diện cần đăng nhập khu vực quản trị với quyền điều hành tối cao hoặc
điều hành chung, sau khi đăng nhập xong:
- Nhấp chọn vào menu quản lý giao diện
- Tại đây sẽ hiển thị đầy đủ các theme hiện có trên hệ thống
- Bên trái sẽ là menu các chức năng mở rộng cho Quản lý giao diện (sẽ tìm hiểu ở phần
sau)
Trang 14
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
+ Thiết lập layout
+ Quản lý block
+ Sao chép Block
+ Thêm block
+ Cài đặt theme
2) Kích hoạt giao diện mặc định cho hệ thống
Hình 1: Quản lý giao diện (theme)
Mỗi theme sẽ có các mô tả về theme như người thiết kế, các vị trí thiết kế…
Nhấp chọn vào kích hoạt sử dụng trên theme cần sử dung, Để xem giao diện mới được
kích hoạtchọn trang chủ site.
- Tại menu trái Thiết lập layout > xuất hiện giao diện quản lý hình 6.
Trang 15
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Hình 6: Giao diện thiết lập layout
Tại đây với mỗi function (main, viewcat, topic…) của từng module sẽ được thể hiện
dưới nhiều giao diện như hình 7:
Theo theme mặc định sẽ có các giao diện như hình
Hình 7
Ví dụ: body - left- right tức là giao diện 3 cột là nội dung cột left và cột right
Trang 16
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Sau đó lưu cấu hình ra trang chủ để xem kết quả
3) Thêm mới giao diện
Đăng nhập admin => quản lý giao diện =>cài đặt theme => cài đặt theme lên hệ
thống =>tiếp tục => sau đó chọn tệp tin theme mà đã tải về trên mạng chú ý tệp tin
theme phải được nén dưới dạng file zip. Sau đó hệ thống sẽ kiểm tra file tải lên và cài đặt
rồi chuyển đến trang quản lý giao diện
Chọn thiết lập layout và chọn theme vừa tải lên sau đó lưu cấu hình lại và chuyển đến
trang quản lý giao diện và kích hoạt theme đó.
Hình8 : Giao diện thiết lập layout
Trang 17
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
4) Đóng gói giao diện
* Có 2 hình thức đóng gói là theo tên theme và đóng gói theme theo module
Đăng nhập admin =>quản lý giao diện =>cài đặt theme =>
1.sau đó lựa chọn đóng gói theo tên theme =>tiếp tục => chọn theme để đóng gói =>tiếp
tục sau đó tải theme về đem đi chia sẻ hoặc lưu trữ.
2.sau đó lựa chọn đóng gói theme theo module>tiếp tục> chọn theme và module để
đóng gói =>tiếp tục => sau đó tải theme về đem đi chia sẻ hoặc lưu trữ.
PHẦN 6 : GIỚI THIỆU TRANG WED ĐƯỢC
TẠO TRÊN NUKEVIET
Dưới đây là trang wed “Người đẹp xì trum” được tạo từ phần mền được NukeViet.
Trang 18
Bài báo cáo Mã Nguồn Mở Nhóm thực hiện
Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân
Lý Thị Thanh Trúc
Lâm Thị Ngọc Oanh
Ngô Ngụy Nguyên Ngà
Trang 19