Xây dựng website quảng bá thông tin mua bán

2 CHƯƠNG II: GIỚI THIỆU VỀ MÃ NGUỒN XENFORO .... 12 CHƯƠNG III: XÂY DỰNG WEBSITE RAO VẶT BẰNG XENFORO..... Giao diện trong Xenforo .... CHƯƠNG II: GIỚI THIỆU VỀ MÃ NGUỒN XENFORO 1.. XenF

KHOA CÔNG NGHỆ THÔNG TIN

NGHỆ AN - 12/2014

KHOA CÔNG NGHỆ THÔNG TIN

-

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC

Đề tài:

XÂY DỰNG WEBSITE QUẢNG BÁ THÔNG TIN MUA BÁN

Sinh viên thực hiện : Đào Văn Trường - 1051070425 Lớp : 51K1 - Công nghệ thông tin

Giáo viên hướng dẫn : TS Trần Xuân Sang

E i c i các th y cô trong khoa Công nghệ thông tin, c c c h y cô

gi đ đó g gó ý i n giúp bài của em thêm kỹ l ng

Cuối cùng em xin gửi lởi c ch h h i gia đ h b bè đ động viên bên c h gi đ em nhi đ e h h h đ ợc đồ án tốt nghiệp

MỤC LỤC

Trang

LỜI MỞ ĐẦU 1

CHƯƠNG I: GIỚI THIỆU ĐỀ TÀI 2

1 Lý do chọ đ tài 2

2 Mục tiêu 2

CHƯƠNG II: GIỚI THIỆU VỀ MÃ NGUỒN XENFORO 3

1 Gi i thiệu 3

1.1 Khái niệm xenforo 3

1.2 Các phiên b n của Xenforo 3

2 Ư h ợc đi m 3

2 1 Ư đi m 3

2 2 Nh ợc đi m 4

3 Tí h ă g 4

3.1 Social Engagement (Liên k t m ng xã hội) 4

3.2 Chủ đ 4

3.3 Bài vi t 4

3.4 Thành viên 5

3.5 Recent Activity Stream (Hệ thống theo dõi ho động của thành viên) 5

3.6 SEO Built-in (N n t ng tối hóa i m) 5

3 7 C c í h ă g h c 5

4 H ng d c i đặt Xenforo 6

4 1 C i đặt xampp 6

4.2 T c ở d liệu 11

4 3 U l ad c ở d liệu lên host 12

4 4 C i đặt diễ đ 12

CHƯƠNG III: XÂY DỰNG WEBSITE RAO VẶT BẰNG XENFORO 18

1 C i đặt ti ng việt 18

2 V đ v bộ gõ ti ng việt 19

3 Các add-on c n thi t cho một diễ đ 21

3 2 H ng d c i đặt các add-on c n thi t cho một diễ đ e f 21

3.2.1 Thống kê bài vi t m i nh t 21

3.2.2 Các add-on khác 22

4 Giao diện trong Xenforo 22

4.1 Thi t k tùy chỉnh giao diện 22

4.1.1 Color Palette 22

4.1.2 Style Properties 23

4.1.3 Templates 25

4.1.4 Search Templates 26

4.1.5 Customized Components 26

5 T o chuyên mục cho diễ đ 27

5.1 Khái niệm chuyên mục 27

5.2 Cách t o các chuyên mục 28

5.2.1 T o Category 28

6 Ch c ă g đă g b i i t 29

7 Ch c ă g n trị 30

7.1 Banning 30

7.1.1 Banned User 30

7.1.2 Banned Emails 31

7.1.3 Banned IP Address 31

7.1.4 Discouraged IP Address 31

7.1.5 Threads, Discussions and Conversations 32

7.2 Qu n trị bài vi t 34

CHƯƠNG IV: KẾT LUẬN 35

1 Nh ng k t qu đ đ ợc 35

2 H ng phát tri n 35

TÀI LIỆU THAM KHẢO 36

LỜI MỞ ĐẦU

Ch g a đa g ống trong một th i đ i m i, th i đ i phát tri n r c r của CNTT CNTT đ ở mộ b c phát tri ca đó l ố hóa t t c các d liệu thông tin, luân chuy n m nh mẽ và k t nối t t c chúng ta l i v i nhau T c động của CNTT đối

v i xã hội l i g i vô cùng to l n, nó không chỉ h c đẩy ha h h ă g ởng kinh t , mà còn kéo theo s bi đổi g h g h c sáng t o của c i, trong lối số g d của c g i Trong n n kinh t tri th c, các quy trình s n xu t

đ đ ợc t động hoá Máy móc không chỉ thay th c g i nh ng công việc nặng nhọc, mà thay th c g i ở nh ng khâu ph c t p của s n xu t và qu n lý, không chỉ thay th ha c la động của c g i mà c ha c d T g n kinh t toàn c u, v i s phát tri n của i e e h g i điện tử đa g ở thành mộ lĩ h c phát tri n r t m nh mẽ ó h c đẩy các ngành s n xu t dịch vụ trên ph m vi toàn th

gi i đặc biệt quan trọng v i c c c đa g h i n, nh l đối v i vùng xa xôi

hẻ l h c c c c c ù g có c hội ti p c n thị ng quốc t Công nghệ thông tin là chi c ch a h đ mở cánh cổng vào n n kinh t tri th c M ng thông tin

l i g lý ởng cho s sáng t l h g iện quan trọ g đ qu ng bá và nhân rộng nhanh vốn tri th c động l c của s phát tri h c đẩy phát tri n dân chủ trong

xã hội, phát tri ă g l c của c g i…

Hiệ a g lĩ h c công nghệ thông tin có r t nhi u ng dụng phổ bi n, hiệu qu đối v i cuộc sống của c g i T g đó có ng dụng mã nguồn mở xenforo là một công cụ hỗ trợ c g i đặc l c trong việc xây d g web i e đ l một ng dụng m i so v i các mã nguồn mở h c c đ V i nhi đi ợt trội h l dễ d g c i đặt, tích hợp nhi í h ă g i, chi phí th p, dễ dàng chỉnh sửa styles, kh ă g b o m ca … h ng dụng đ ợc nhi g i l a chọn và

sử dụng V i việc sử dụng mã nguồ e f đ t o d ng diễ đ h ó đ a g l i nhi h c nh tranh cao

CHƯƠNG I: GIỚI THIỆU ĐỀ TÀI

Hi đ ợc các v đ đó cũ g h g ố đ a h g i điện tử ngày

c g đi g i sử dụ g h b n thân e đ h c hiệ đ i: “Xây dựng

website quảng bá thông tin mua bán”

CHƯƠNG II: GIỚI THIỆU VỀ MÃ NGUỒN XENFORO

1 Giới thiệu

1.1 Khái niệm xenforo

Xenforo là một diễ đ h g i m i, gói ph n m đ ợc vi t bằng ngôn

ng l p trình PHP bằng cách sử dụng Zend Framework và hệ qu n trị c ở d liệu MySQL Ph n m đ ợc phát tri n bởi Kier Darby và Mike Sullivan, một nhóm nghiên c u làm việc cho Vbulletin tách ra làm việc riêng Phiên b n beta phát hành

c g hai đ u tiên của Xe F đ ợc ra mắ h g 10 ă 2010 Xe F 1 0 0 phiên b n chính th c đ ợc h h h g 08 h g 3 ă 2011

1.2 Các phiên bản của Xenforo

2 Ưu nhược điểm

3.1 Social Engagement (Liên kết mạng xã hội)

K t nối m ng xã hội dễ d g h ba gi h t XenForo hỗ trợ tích hợp Facebook, Twitter, Google Plus và một số m ng thông dụng khác

3.2 Chủ đề

3.3 Bài viết

3.5 Recent Activity Stream (Hệ thống theo dõi hoạt động của thành viên)

 Cho phép mọi g i dễ dàng theo dõi ho động g n nh t của t t c các

h h i đă g ý và các ho động khác của forum ngo i trừ tin nhắn riêng Thành viên có th làm b n v i các thành viên khác và theo dõi c p nh t của b n bè thông qua

ch c ă g đặc biệt của XenForo

dàng ki m tra

 Đặc biệt là Usergroup của Members sẽ ha đổi đ tránh các thành viên khác hi u l m, tránh tình tr ng sử dụng số l ợ g P đ SCAM g i h c cũ g h

ă g h h n chuyên nghiệp cho Forum

3.6 SEO Built-in (Nền tảng tối ưu hóa tìm kiếm)

XenForo tối hóa web i e của b C c đ ng d n sẽ trở nên thân thiện, các thẻ HTML sẽ đ ợc tiêu chuẩn hóa và r t nhi í h ă g SEO h c đ ợc gi i thiệu trong ph n nhân của XenForo

3.7 Các tính năng khác

Sell or Trade

m ng 2-Step Verification B n sẽ không còn lo bị Hack tài kho n n a (ph i có điện tho i smartphone)

 Hệ thố g í h đi m danh hiệu (Trophy Points) (Hiện t i ch a có t ho ch

4 Hướng dẫn cài đặt Xenforo

Đ c i đặt Xenforo c n có các gói công cụ sau:

 XAMPP phiên b n 1.8.2 hoặc các phiên b n khác

 Xenforo phiên b n 1.1.5 hoặc các phiên b n khác

4.1 Cài đặt xampp

Đ u tiên ta c n t i gói xampp 1.8.2 t i http://www.apachefriends.org và chọn

ph a g hích ch ừng hệ đi u hành ở đ h dù g XAMPP For

Windows

Vào XAMPP For Windown, có nhi u phiên b n xampp, ở đ h dù g xampp 1.8.2 nên ở dòng Download older versions of XAMPP (even the "old" WAMPP) directly from SourceForge

Click vào S ceF ge đ t i phiên b n 1.8.2 Sa đó chọn phiên b n và download v c i đặt

Khi clic file c i đặt, xu t hiện b ng setup ta chọn Next

Ph n select compnents(chọn thành ph ) đ c i đặt các dịch vụ a đ mặc định

và nh n Next

K ti p là ph n Installation folder, ta chọn ổ c g đ c i đặt xampp, ở đ h

cài vào ổ C v i đ ng d n là C:\xampp và chọn Next

Đ n ph n BitNami for XAMPP ta gi nguyên và chọn Next

Ph n Ready to Install ta chọn Next

V đợi Xa c i đặt trong vài phút

Đ đ h c i đặ Xa 1 8 2 đ h h h

4.2 Tạo cơ sở dữ liệu

Đ u tiên chúng ta vào trang phpMyAdmin he đ ng d n http://localhost/phpmyadmin/, a đó ch g a ục Databases

Cửa sổ m i sẽ xu t hiệ a a đó Da aba e h h h d i đ

4.3 Upload cơ sở dữ liệu lên host

Download: https://app.box.com/s/6fy4pwzisqep66f9ewqf

Ch g a địa chỉ đ t i gói c i đặt v máy Sau khi t i gói c i đặt v máy chúng ta, chúng ta sẽ đ ợc mộ f lde có l Xe f g f lde đó có ột

folder con tên là UPLOAD Ở đ h ử dụng localhost nên mình sẽ copy folder

UPLOAD h ục ‘htdocs’ của a h h h d i đ :

4.4 Cài đặt diễn đàn

B n khởi động trình duyệt web rồi nh ha h địa chỉ đ ng

d n http://localhost/upload/

Q h c i đặt Xenforo ph i tr i a 6 b c b c đ u tiên, b n b m vào nút

Begin Installation đ chuy a g b c ti p theo

Ở trang Configuration Builder, b n nh p vào thông số MySQL, bao gồm:

MySQL Server: Địa chỉ máy chủ MySQL, mặc định là localhost

MySQL Port: Cổng

MySQL User Name: T g i dùng, trên localhost là root

MySQL Password : M t khẩu, trên localhost của XAMPP h đ trống

MySQL Database Name: T c ở d liệu, b đ hai b ở mục trên, trong

Ti p tục nh n Continue with Installation

Khi đ i m tra thi t l p v c ở d liệ g (b c Verify Configuration) thì

b n b m Begin Installation

Nh p ti p Continue

Q h c i đặt, khởi t o diễ đ ẽ bắ đ u và diễn ra trong kho ng một vài giây Ti p theo, b n c n thi t l p thông tin qu n trị diễ đ i b c Setup Administrator, gồm có:

User name : tên tài kho n qu n trị, ở đ ẽ cài v i e a e l :Đ T ng Password và Confirm Password: m t khẩu của tài kho n qu n trị

Email: địa chỉ h điện tử, ở đ ẽ cài v i email là truongdl92@gmail.com

Xong b m Create Administrator

Đ b c Setup Options, b ha đổi một số tùy chọ c b h :

Board Title - Ti đ diễ đ : Đồ án tốt nghiệ i h i Đ Vă T ng k51 Board URL - Địa chỉ diễ đ : h ://l calh t/upload

Contact Email Address - Địa chỉ hộ h li hệ: truongdl92@gmail.com Home Page URL - Địa chỉ trang chủ: http://localhost

Sau khi nh p xong, nh n Setup Options

Đ b c Installation Complete, b n sẽ nh đ ợc một thông báo là quá trình

c i đặt thành công, b m Enter your control panel đ đă g h p vào trang qu n trị

Admin Control Panel

Đ đă g h p vào trang qu n trị Admin Control Panel

Sa hi đă g h h h c g a đ ợc trang admin Đ ng d n vào trang admin là http://localhost/upload/admin.php

Đ ng d n vào trang diễ đ l : http://localhost/upload/index.php

B c đ c i đặ đ t thúc

CHƯƠNG III: XÂY DỰNG WEBSITE RAO VẶT BẰNG XENFORO

1 Cài đặt tiếng việt

Download: https://app.box.com/s/mg2n9s1yuts8erpiyhx2

C ch c i đặt:

Gi i nén file vừa m i download ở trên ra Ta có file XML tên "

language-Vietnamese.xml"

Vào Admincp > Appearance > Language & Phrases > Language > Import

a Language (Chú ý, vào admin bằ g đ ng d n http://localhost/upload/admin.php)

Sa đó h n nút Import A Language đ n và chọn file XML vừa gi i nén

Đ cài ti ng Việt là th ti ng mặc định, b n click chuột vào radiobox bên trái

ch "Phrases"

Và bây gi diễ đ đ đ ợc Việt hóa Tuy nhiên việc Việt hóa diễ đ ẽ không th đ 100% d đó c c b n có th t Việt hóa thêm cho diễ đ của mình bằng cách:

Vào Admincp > Appearance > Language & Phrases > Search Phrases

Gõ từ c n thay bằng ti ng Việt vào:

Sa đó chọn Search Phrases

2 Vấn đề về bộ gõ tiếng việt

Hiện t i có khá nhi u bộ gõ Ti ng Việt hỗ trợ ch Xe f h MVie VietTyping, VietUNI, Avim, Mudim, M h i h ng d n cách chèn bộ gõ Mudim vào diễ đ

Đ u tiên, download file mudim.js t i: https://app.box.com/s/3esqmj73bpvf7sthjk4b

Quay trở l i h ục upload, ta h ục js và t o m i folder mudim, copy file vừa t i h ục mudim

Sa đó ta vào Admin Control Panel > Appearance > Templates

Ở Textbox Search thành ph n của Template, các b n gõ "footer", sau khi hiện

ra k t qu các b n chọn file footer

Trong ph n footer các b n kéo xuố g d i cù g chè h đ n javascript

a h h h d i:

<script src="js/mudim/mudim-0.9-r162.js"></script>

Sa đó h n Lưu tất cả thay đổi ( Save Changes) Quay trở l i trang Index

diễ đ a ẽ th y bộ gõ xu t hiện ở cuối trang

3 Các add-on cần thiết cho một diễn đàn

3.1 Khái niệm Add-on

Là nh ng tiệ ích đ ợc cài thêm vào diễ đ đ l ă g í h ă g của một diễ đ

3.2 Hướng dẫn cài đặt các add-on cần thiết cho một diễn đàn xenforo

3.2.1 Thống kê bài viết mới nhất

Download: https://app.box.com/s/5iqoj8sk3w7khayi1pmr

Gi i é đ ợc 1 file XML tên "addon-VietXfAdvStats.xml" và folder

upload ché đè f lde l ad f lde l ad l calh

Vào Admin Control Panel > Home > Install Add-on

Ô Instal from uploaded file, chọ đ n file XML

Nh n Install Add-on ( C i đặt Add-on )

Quay v trang index của diễ đ a h y:

Tinh chỉnh vị í đặt Add-on này bằng cách vào Admin Control Panel > Home

> Options > VXF - Advanced Forum Statistics

Mục Position chọn:

 Top of the page: Phía trên của trang

 Below page title: Phía d i i đ trang

3.2.2 Các add-on khác

T g cách làm trên, có r t nhi u add-on h u dụng cho diễ đ h :

giống nhau

Tham kh o t t c và tải về tại:

http://vxf.vn/threads/danh-sach-add-on-xenforo-1-1-x.1076

4 Giao diện trong Xenforo

4.1 Thiết kế tùy chỉnh giao diện

XenForo cung c ch g i dùng các công cụ m nh mẽ đ có th tùy bi n giao diệ he ý hích Đ thi t k , tùy chỉnh giao diện, b n sử dụ g c c í h ă g

trong khung Styles & Templates trong thẻ Apperance Đối v i giao diện mặc định

Default Style hoặc các giao diện khác (n u có) thì việc tùy chỉnh và thi t k l i giao

diệ cũ g đ ợc th c hiệ g h c c b c gợi ý a đ

4.1.1 Color Palette

Đ u tiên, ta sử dụ g í h ă g b ng màu sắc Color Palette đ tha đổi màu

cho các nhóm thuộc tính trên giao diện Trong cửa sổ bên ph i, ta chọn tên giao diện

ở mục Style, rồi l l ợt chọn từng b ng màu ở b d i hoặc có th phối màu t động bằ g c ch é ha h ợt bên trên nút Invert, b I e đ đ o lộn các

đ chọn

Khi xong, ta b m nút Update Style Properties đ l ha đổi Một vài thuộc

í h đ g l ý:

thanh nav t n trên cùng

thanh nav th 2 từ trên xuống

Cũ g g các thuộc í h h : @primaryMedium, @primaryLightish,

@primaryLight, @primaryLighter, @primaryLighterStill, @primaryLightest,

l đ chỉ h có c c có độ sáng tối g ng

4.1.2 Style Properties

 General: nh ng thi t l p chung cho giao diện

 Header and Navigation: tùy chỉnh các y u tố đ a g c c ha h đi h ng

đ ợc vị trí hiện t i trong c u trúc diễ đ

 Footer : đi u chỉnh các thi t l p ở chân trang

 PageNav, Link Groups and Tabs: qu n lý các liên k t nhi u trang, các thẻ khác

 Buttons: qu n lý thuộc tính t t c các nút b m

 Overlays and Tooltips: thi t k b g h ng d n cho phép hi n thị trên

cùng của các trang nội d g …

Ví dụ, n u muố ha đổi logo mặc định của mã nguồn XenForo thì:

B m vào thuộc tính Header and Navigation Ở thẻ Setting, ta đ ợc cung c p hai khung:

Chép t p tin h l g h ục le /defa l / e f (đối v i giao diện mặc định)

Xóa ch logo.png và nh p tên logo của mình (bao gồ định d g) Ri g đối

v i Height of Header Logo, ta vào chi u cao cho phép logo hi n thị trên header