giao trinh joomla -...

Biên soạn: Nguyễn Tấn Thành

Email: [email protected]

TRƯỜNG ĐH CÔNG NGHỆ THÔNG TIN

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH

KHOA MẠNG MÁY TÍNH & TRUYỀN THÔNG – LỚP MMT03

–&—

PHIÊN BẢN THỬ NGHIỆM - LƯU HÀNH NỘI BỘ 2

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

LỜI CỦA TÁC GIẢ Xin kính chào các bạn! Tôi không phải là một người chuyên nghiệp trong lĩnh vực thiết kế web. Tôi cũng không phải là một giáo viên dạy công nghệ thông tin. Đây là đầu tiên trong đời tôi tự viết được một cuốn sách và chia sẽ nó cho cộng động. Tôi rất vui vì điều này, và tôi tin chắc những bạn IT nào cũng có cảm giác đó như tôi.

Chuyên đề THIẾT KẾ WEB VỚI JOOMLA này là những ngày đêm miệt mài nghiên cứu của tôi. Tôi rất vinh hạnh chia sẽ kiến thức của mình cho các bạn. Đặc biệt là những bạn mới làm quen với Joomla, để các bạn không phải mệt óc với cả khối tài liệu rời rạc, vừa tiếng Anh, vừa tiếng Việt trên mạng như hiện nay.

Với tất cả những gì có thể tôi đã biên soạn thành công tài liệu thiết kế web với Joomla này bao gồm những nội dung cơ bản nhất giúp các bạn tự tạo, và quản trị một website đơn giãn bằng Joomla. Bạn sẽ bắt đầu với việc tìm hiểu về những nguyên lý hoạt động của internet và website. Tiếp đó bạn cùng tôi khám phá cách cài đặt một website mã nguồn Joomla như thế nào. Từ kiến thức nền tảng có được trong việc sử dụng những thành phần mở rộng của có sẳn trong Joomla, bạn sẽ tục tìm những thành phần mở rộng nâng cao để thiết kế một trang web chuyên nghiệp hơn, như trang web tin tức, web chia sẽ file, web thương mại điện tử, diễn đàn...Công việc cuối cùng mà bạn sẽ được tìm hiểu là việc bảo mật cho website, và tối ưu hóa website sử dụng Joomla. Hầu hết các bài thực hành đều làm trên localhost, như vậy nếu bạn có nhu cầu chia sẽ website cho mọi người thì làm sao. Chương cuối cùng của cuốn sách này sẽ hướng dẫn cách up website lên internet.

Mặc dù đã cố gắn hết sức, nhưng cũng còn nhiều phần mà tôi chưa kịp chia sẽ với các bạn. Kiến thức thì quá là bao la, tôi cũng chia kịp khám phá ra hết. Vì vậy nếu có phần nao thiếu xót mong các bạn góp ý tậng tình.

Tôi là người rất ngay thẳng, nghĩ sao nói vậy, “nói sao viết vậy”. Đó chính là khuyết điểm lớn nhất của tôi – sai lổi chính ta. Vì vậy nếu bạn có gặp những từ nào trong cuốn sách này viết sai lổi chính tả thì mong bạn bỏ qua lổi đó cho tôi.

Lời cuối cùng, mong các bạn học thật tốt. Khi đã đọc xong cuốn sách và tạo được một website thì đừng quên chia sẽ nó cho tôi. Gửi về địa chỉ email bên dưới!

Trân trọng cảm ơn !

Nguyễn Tấn Thành Blog: http://dctlive.22web.net

http://dctuit.wordpress.com Email: [email protected]

PHIÊN BẢN THỬ NGHIỆM – LƯU HÀNH NỘI BỘ

3

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

MỤC LỤC

LỜI CỦA TÁC GIẢ................................................................................................................................................... 2

MỤC LỤC ................................................................................................................................................................ 3

CHƯƠNG 1: CÁC VẤN ĐỀ TRƯỚC KHI SỬ DỤNG JOOMLA ....................................................................... 7

BÀI 1: INTERNET .................................................................................................................................................... 7

I: GIAO THỨC (PROTOCOL) ........................................................................................................................... 7 II: PHÂN LOẠI WEB ......................................................................................................................................... 8

BÀI 2: DOMAIN AND HOSTING ........................................................................................................................... 9

I: DOMAIN ......................................................................................................................................................... 9 II: HOSTING .................................................................................................................................................... 10

BÀI 3: NGÔN NGỮ LẬP TRÌNH VÀ CƠ SỞ DỮ LIỆU .................................................................................... 11

I: NGÔN NGỮ LẬP TRÌNH ............................................................................................................................. 11 II: CƠ SỞ DỮ LIỆU (DATABASES) ................................................................................................................ 12

BÀI 4: CÀI ĐẶT WEB SERVER XAMPP ............................................................................................................ 12

I: GIỚI THIỆU ................................................................................................................................................. 12 II: CÀI ĐẶT ...................................................................................................................................................... 12 III: CẤU HÌNH ................................................................................................................................................. 16

BÀI 5: QUẢN TRỊ CƠ SỞ DỮ LIỆU BẰNG PHPMYADMIN .......................................................................... 18

I: GIỚI THIỆU ................................................................................................................................................. 18 II: THAY ĐỔI MẬT KHẨU TRUY CẬP DỮ LIỆU .......................................................................................... 18 III: QUẢN TRỊ CƠ SỞ DỮ LIỆU ..................................................................................................................... 19

BÀI 6: QUẢN TRỊ CSDL BẰNG NAVICAT ........................................................................................................ 24

I: GIỚI THIỆU ................................................................................................................................................. 24 II: QUẢN TRỊ CSDL VỚI NAVICAT ................................................................................................................ 24

BÀI 7: LẬP TRÌNH PHP ........................................................................................................................................ 27

CHƯƠNG 2: CÀI ĐẶT VÀ CẤU HÌNH JOOMLA ............................................................................................. 48

BÀI 1: GIỚI THIỆU JOOMLA ............................................................................................................................. 48

I: VỀ JOOMLA ................................................................................................................................................. 48 II: CÁC THÀNH PHẦN MỞ RỘNG CỦA JOOMLA ....................................................................................... 49 III : CÁC THUẬT NGỮ .................................................................................................................................... 50

BÀI 2: CÀI ĐẶT JOOMLA .................................................................................................................................... 52

BÀI 3 : GIỚI THIỆU GIAO DIỆN LÀM VIỆC CỦA ADMIN ........................................................................... 57

I: GIAO DIỆN LÀM VIỆC ................................................................................................................................ 57 II: HỆ THỐNG MENU ..................................................................................................................................... 59

BÀI 4: CẤU HÌNH CƠ BẢN CHO WEBSITE ..................................................................................................... 61

CHƯƠNG 3: QUẢN LÝ BÀI VIẾT TRONG JOOMLA ..................................................................................... 63

BÀI 1: QUẢN LÝ SECTION .................................................................................................................................. 63

I: GIỚI THIỆU ................................................................................................................................................. 63


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

II: TẠO MỚI SECTION .................................................................................................................................... 63 III : QUẢN LÝ SECTION ................................................................................................................................. 64

BÀI 2 : QUẢN LÝ CATEGORY ............................................................................................................................ 65

I : GIỚI THIỆU ................................................................................................................................................ 65 II : TẠO MỚI CATEGORY ............................................................................................................................... 65 III : QUẢN LÝ CATEGORY ............................................................................................................................. 66

BÀI 3 : QUẢN LÝ BÀI VIẾT ................................................................................................................................. 67

I : THÊM MỚI BÀI VIẾT ................................................................................................................................. 67 II : QUẢN LÝ BÀI VIẾT ................................................................................................................................... 68 III : CẤU HÌNH CÁC THÔNG SỐ CHO BÀI VIẾT ......................................................................................... 68 IV: TẠO BÀI VIẾT NÂNG CAO ....................................................................................................................... 70

BÀI 4: QUẢN LÝ ĐA PHƯƠNG TIỆN ................................................................................................................. 73

HƯỚNG DẪN QUẢN LÝ ĐA PHƯƠNG TIỆN ................................................................................................ 73 QUY ĐỊNH THƯ MỤC LƯU TRỮ ................................................................................................................... 74

BÀI 5: QUẢN LÝ USER ......................................................................................................................................... 74

QUẢN LÝ USER VÀ TẠO MỚI USER ............................................................................................................. 74 PHÂN QUYỀN TRONG JOOMLA ................................................................................................................... 75

CHƯƠNG 4: LÀM VIỆC CƠ BẢN VỚI CÁC THÀNH PHẦN MỞ RỘNG ..................................................... 78

BÀI 1: CÀI ĐẶT CÁC THÀNH PHẦN MỞ RỘNG ............................................................................................ 78

CÁCH CÀI ĐẶT EXTENSIONS ....................................................................................................................... 78

BÀI 2: TEMPLATE ................................................................................................................................................. 80

HƯỚNG DẪN CÀI ĐẶT TEMPLATE .............................................................................................................. 80 CẤU TRÚC GÓI CÀI ĐẶT CỦA TEMPLATE ................................................................................................. 82 TẬP HỢP CÁC TRANG CUNG CấP TEMPLATE FREE ................................................................................ 82

BÀI 3: MODULE ..................................................................................................................................................... 83

TẠO MỚI MỘT MODULE ............................................................................................................................... 84

BÀI 4: PLUGIN........................................................................................................................................................ 85

PHÂN LOẠI PLUGIN ...................................................................................................................................... 85

BÀI 5: KHAI THÁC COMPONENT ..................................................................................................................... 86

I : Banner ......................................................................................................................................................... 86 II: Contacts ....................................................................................................................................................... 88 II: News Feed ................................................................................................................................................... 88 IV: Polls............................................................................................................................................................ 89 V: Search .......................................................................................................................................................... 90 VI: Web Links ................................................................................................................................................... 90

BÀI 6: TẠO VÀ QUẢN LÝ MENU ....................................................................................................................... 91

Tạo Menu .......................................................................................................................................................... 91 MENU Đặc Biệt................................................................................................................................................ 92 Tạo DropDown Menu ....................................................................................................................................... 93

BÀI 7: KHAI THÁC MODULE CÓ SẴN TRONG JOOMLA ........................................................................... 94

I: Latest News (Tin mới nhất), Popular (Tin đọc nhiều nhất) .......................................................................... 94 II: Who’s Online ............................................................................................................................................... 94 III: News Flash ................................................................................................................................................. 95


5

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

IV: Customs HTML .......................................................................................................................................... 95

CHƯƠNG 5: TIẾNG VIỆT TRONG JOOMLA .................................................................................................. 96

BÀI 1: VIỆT HÓA JOOMLA ................................................................................................................................. 96

I: HƯỚNG DẪN TỰ VIỆT HÓA ...................................................................................................................... 96 II: HƯỚNG DẪN VIỆT HÓA BẰNG GÓI NGÔN NGỮ CÓ SẴN .................................................................... 97

BÀI 2: CÀI BỘ GÕ TIẾNG VIỆT VÀO TRANG WEB ...................................................................................... 98

I: Cài đặt bộ gõ tiếng Việt AVIM thủ công cho Joomla ................................................................................... 98 II:Cài đặt bộ gõ tiếng việt AVIM bằng Module. ............................................................................................... 99

BÀI 3: LỖI HIỂN THỊ TIẾNG VIỆT .................................................................................................................. 100

CHƯƠNG 6: KHAI THÁC THÀNH PHẦN MỞ RỘNG NÂNG CAO ............................................................ 101

BÀI 1: KHAI THÁC MODULE ........................................................................................................................... 101

I: VISITORS COUNTER ................................................................................................................................ 101 II: SLIDE SHOW ............................................................................................................................................ 101 III: JA TABS ................................................................................................................................................... 102 IV: MAXI MENU ............................................................................................................................................ 103

BÀI 2: TẠO VÀ QUẢN LÝ COMMENTS .......................................................................................................... 104

GIỚI THIỆU VÀ CÀI ĐẶT ............................................................................................................................. 104 QUẢN LÝ COMMENTS ................................................................................................................................. 105 CẤU HÌNH ..................................................................................................................................................... 105

BÀI 3 : TRÌNH SOẠN THẢO JCE ...................................................................................................................... 107

PHÂN NHÓM SỬ DỤNG .............................................................................................................................. 107

BÀI 4: TẠO WEB THƯƠNG MẠI ĐIỆN TỬ VỚI VIRTUE MARK .............................................................. 109

TÍNH NĂNG CỦA VIRTURE MARK ............................................................................................................. 109 HƯỚNG DẪN CÀI ĐẶT ................................................................................................................................. 109 VIỆT HÓA VIRTURE MARK ......................................................................................................................... 110 SỬ DỤNG CÁC MODULE ............................................................................................................................ 111 THEME CHO VIRTURE MARK .................................................................................................................... 112

BÀI 5: QUẢN LÝ FILE VỚI DOCMAN ............................................................................................................. 113

I: CÀI ĐẶT DOCMAN ................................................................................................................................... 113 II: CHIA SẼ TÀI NGUYÊN............................................................................................................................. 113 III : PHÂN QUYỀN THEO NHÓM ................................................................................................................ 117 IV : THEME CHO DOCMAN ........................................................................................................................ 117

BÀI 6: TẠO DIỄN ĐÀN ĐƠN GIÃN VỚI KUNENA ........................................................................................ 119

I: CÀI ĐẶT KUNENA ..................................................................................................................................... 119 II: TẠO MỚI CÁC DANH MỤC TRONG FORUM ........................................................................................ 119 III: NHỮNG CHỨC NĂNG KHÁC ................................................................................................................ 121

BÀI 7: TẠO WEB NHẠC VỚI MAIAN MUSIC ................................................................................................ 122

CÀI ĐẶT ......................................................................................................................................................... 122 SỬ DỤNG MAIANMUSIC ............................................................................................................................. 124 HIỂN THỊ CÁC BÀI HÁT MỚI ĐĂNG .......................................................................................................... 130 VIỆT HÓA MAIAN MUSIC ............................................................................................................................ 131


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 8: TẠO WEB ẢNH PHOCA GALLERY .................................................................................................... 132

QUẢN LÝ ALBUM ............................................................................................................................................ 132 HIỂN THỊ ALBUM............................................................................................................................................. 133 THEME CHO PHOCA GALLERY .................................................................................................................... 134 MODULE PHOCA GALLERY MENU ....................................................................................................................... 135

BÀI 9: TẠO MENU VỚI SWMENUFREE ......................................................................................................... 136

BÀI 10: PLUGIN CHÈN NHẠC – VIDEO ......................................................................................................... 139

CHƯƠNG 7: NHỮNG VẤN ĐỀ NÂNG CAO KHI QUẢN TRỊ WEB VỚI JOOMLA .................................. 141

BÀI 1: ĐẢM BẢO AN TOÀN CHO WEBSITE ................................................................................................. 141

I:BACKUP WEBSITE & DATABASE ............................................................................................................ 141 II: THAY ĐỔI TIỀN TỐ MẶC ĐỊNH CHO DATABASE ................................................................................ 142 III: THAY ĐỔI ĐƯỜNG DẪN MẶC ĐỊNH CHO TRANG QUẢN TRỊ .......................................................... 144

BÀI 2: TỐI ƯU HÓA WEBSITE ......................................................................................................................... 145

I: SỬ DỤNG CACHING................................................................................................................................. 145 II: TỐI ƯU HÓA DATABASE ........................................................................................................................ 146 III: TẠO ĐƯỜNG DẪN THÂN THIỆN .......................................................................................................... 147 IV: MỘT SỐ PHƯƠNG PHÁP TỐI ƯU KHÁC ............................................................................................. 148

BÀI 3: XUẤT BẢN WEBSITE LÊN INTERNET .............................................................................................. 148

I: HƯỚNG DẪN ĐĂNG KÝ HOST FREE TẠI BYETHOST ........................................................................... 148 II: QUẢN LÝ FILE TRÊN HOST .................................................................................................................... 151 III: XUẤT BẢN WEBSITE LÊN INTERNET .................................................................................................. 153 IV: THÔNG SỐ CẦN CHÚ Ý KHI TẢI WEBSITE LÊN INTERNET .............................................................. 156

LỜI CẢM ƠN ......................................................................................................................................................... 158

TÀI LIỆU THAM KHẢO ..................................................................................................................................... 158


7

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

CHƯƠNG 1: CÁC VẤN ĐỀ TRƯỚC KHI SỬ DỤNG JOOMLA

–&—

BÀI 1: INTERNET I: GIAO THỨC (PROTOCOL)

1: Khái niệm

Ngôn ngữ được sử dụng bởi các thực thể mạng gọi là giao thức truyền thông (gọi tắc là giao thức). Các bên hiểu nhau do giao thức định nghĩa một ngôn ngữ chung giữa các thành phần mạng. Từ khái niệm cơ bản này, bạn có thể hiểu giao thức là thủ tục, quy tắc hoặc các đặc tả chính thức đã được chấp nhận nhằm xác định các hành vi và ngôn ngữ trao mà các bên trao đổi với nhau.

Trong cuộc sống chúng ta cũng áp dụng nhiều quy tắc khác nhau. Ví dụ như khi đi đến một nơi mang tính chất quan trọng, mọi người luôn phải tuân thủ những quy tắc về trang phục như phải mặc đồ vét có thắc caravat. Trong khi đi đến một quán ăn bình dân thì mặc gì cũng được. Trong mạng máy tính giao thức là những bản đặc tả về cách thức “xử sự” của các thực thể tham gia truyền thông.

Trong việc thiết kế web bạn cần quan tâm đến hai giao thức là HTTP và FTP.

2: Giao thức HTTP

Hyper Text Transfer Protocol (HTTP) Là trái tim của web. Giao thức HTTP được triển khai trên cả hai phía Client và Server.

HTTP quy định cách thức trao đổi thông tin thông qua việc giao tiếp bằng các thông điệp HTTP.

HTTP xác định cách thức trình duyệt yêu cầu một trang web từ web server cũng như các thức mà server sẽ gửi trả kết quả cho web client.

Trang web (Web pages – còn gọi là một tập tin web) : Chứa các đối tượng (Object). Đơn giãn đó chỉ là một file text, hay là một tập tin hình

ảnh, âm nhạc…Đối tượng được xác định qua URL. Trang web chứa các một file HTML cơ sở và tham chiếu đến các đối tượng khác.

Trình duyệt (Browser – Web Client) Chương trình giao tiếp người dùng của ứng dụng Web cho phép hiển thị trang web.

Browser cài đặt phía client của giao thức HTTP. Hiện nay có nhiều phần mềm trình duyệt phổ biến như Internet Explorer, Firefor, Opera…

Web server


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Là nơi lưu trữ website, và trả lời yêu cầu từ phía web client. Một số phần mềm phía server phổ biến như Microsoft Internet Information Server (IIS), Appache, Nestcape Enterprise Server (NES)…

URL (Uniform Resource Locator) Là một tên gọi khác của địa chỉ web. URL bao giồm tên giao thức (là HTTP hay

FTP…), kế đến dấu hai chấm và hai dấu xuyệt sắc (://), ví dụ địa chỉ http://www.uit.edu.vn dẫn đến website có địa chỉ là www.uit.edu.vn bằng giao thức HTTP. Khi truy cập chúng ta có thể bỏ qua tiền tố http:// vì trình duyệt mặc định thêm thành phần này vào. Một URL phải chính xác đến từng ký tự, vì chỉ cần thêm một dấu chấm là đã dẫn đến một trang web khác.

3: Giao thức FTP

FTP(File Transfer Protocol) là giao thức dùng để truyền file giữa các máy tính. Trong phiên làm việc, người dùng sử dụng tại máy tính của mình và trao đổi file với máy tính khác. Người dùng cần phải đăng nhập bằng cách cung cấp tên định danh (username) và mật khẩu xác thực (password).

Cả hai giao thức HTTP và FTP đều dùng để truyền file. Nhưng ở chúng có một đặc điểm khác nhau cơ bản là ở FTP bạn không thể mở trực tiếp file đó được. Nó cần bạn đưa về máy tính trước khi mở nó lên. Trong khi với HTTP bạn có thể mở file trực tiếp được.

4: Một số giao thức khác

Thỉnh thoảng bạn vẫn thấy có vài website là https://gmail.com chẳng hạn. Như vậy giao thức HTTPS là gì? Đó chính là một dạng của HTTP nhưng được tăng cường thêm tính năng bảo mật, cụ thể là nó mã hóa tất cả thông tin gửi đi trên đường truyền. Chữ S ở đây chính là SSL.

Bạn cũng thường truy cập một file nhạc dạng mms://www.data.com/anhmaiyeuem.mp3 chẳng hạn. Như vậy chúng ta có một giao thức mới cho việc truyền dẫn các file nhạc đó chính là MMS. Giao thức còn dùng cho việc truyền các file video, hình ảnh..nói chung là đa phương tiện.

II: PHÂN LOẠI WEB Static Web (Web tĩnh)

Chỉ bao gồm nội dung hiển thị cho người dùng xem. Nội dung này có thể là text thông thường, nhưng cũng có thể là một file đa phương tiện (hình ảnh, âm nhạc, video, flash…).

Froms Pages (Biểu mẫu) Ngoài những nội dung thông thường như Static web, nó có thêm phần điền thông tin,

dữ liệu do người dùng nhập vào. Sau khi điền xong form người dùng bấm nút Submit thì dữ liệu được gửi đến đầu vào của một trang web khác.

Dynamic Web (Web động)


9

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Sau khi bấm nút Submit ở biễu mẫu, nếu dữ liệu đó có lưu trữ lại cho phiên làm việc sau của người dùng thì đó là Web động. Web động có tương tác đến một cơ sở dữ liệu lưu trữ trên mạng để hiển thị thông tin cho người dùng.

Lưu ý:

Bạn đừng bao giờ cho rằng một trang web có những tấm hình nhảy múa là web động. Đó chỉ là một tập tin ảnh động mà thôi.

Web động là web có tương tác với cơ sở dữ liệu, đừng bao giờ định nghĩa web động là web có from đăng nhập. Một trang web có from đăng nhập chưa chắc là web động, có thể thông tin đăng nhập chỉ lưu trong một biến nào đó của ngôn ngữ lập trình.

Cũng đừng bao giờ định nghĩa web tĩnh là web lập trình bằng HTML, còn web động là web lập trình bằng PHP hay Java…Những trang web lập trình bằng PHP chưa chắc là web động, nếu nó chỉ dùng để hiển thị thông tin.

BÀI 2: DOMAIN AND HOSTING I: DOMAIN

1: Cấu trúc một địa chỉ

Domain (miền) Bạn truy cập vào địa http://www.google.com thành phần .com phía sau được gọi là

Domain Name. Thành phần miền được quản lý bởi của ISP khu vực, và đơn vị phụ trách quản lý tên

miền trên toàn thế giới là ICANN.

Host name Thành phần google như ví dụ trên chính là host name. Để có thể đưa website ra cộng

đồng bạn cần mua một địa chỉ. Địa chỉ này gọi là Domain Name. Ví dụ ở đây chúng ta cần phải mua google.com

Thỉnh thoảng bạn cũng lấy một domain có hai thành phần ví dụ như .com.vn. Nó được cấp phát và quản lý bỡi nhà quản lý domain cấp cao, trong ví dụ này là .vn

2: Tại sao phải sử dụng domain name

Khi làm việc với máy tính, nó sử dụng những con số. Để truy cập website nó sẽ tìm đến máy tính lưu dữ liệu web (các file) bằng địa chỉ IP của máy tính. Nhưng đối với con người thì việc nhớ những IP này không hay cho lắm. Vì vậy mà người ta dùng domain name để ánh xạ một địa chỉ dạng text sang IP.

Việc phân giải tên miền thành IP được thực hiện thông qua dịch vụ DNS (Domain Name Services).


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

II: HOSTING

1: Khái niệm hosting

Dịch vụ Web host là hình thức dịch vụ host trên Internet, cung cấp cho các cá nhân, tổ chức và người sử dụng những hệ thống trực tuyến (trên mạng) để lưu trữ thông tin, hình ảnh, video, hoặc bất kỳ nội dung nào khác có thể truy cập qua Web. Web host là các công ty chuyên cung cấp chỗ (dung lượng) trên server của họ cho khách hàng sử dụng, đồng thời cung cấp kết nối Internet, thường trong một trung tâm dữ liệu. Các Web host còn có thể cung cấp không gian ở trung tâm dữ liệu và kết nối Internet đến các server không thuộc sở hữu của họ.

2: Phạm vi dịch vụ

Phạm vi của các dịch vụ host rất rộng. Cơ bản nhất là host trang Web và những tập tin nhỏ, với các tập tin được upload lên server thông qua giao thức FTP hoặc một giao diện Web. Các tập tin thường được cung ứng “nguyên trạng” cho ứng dụng Web, hoặc chỉ được xử lý rất ít. Nhiều nhà cung cấp dịch vụ Internet (ISP) cung cấp dịch vụ này miễn phí cho khách hàng của họ. Người dùng còn có thể sử dụng dịch vụ Web host do nhiều nhà cung cấp dịch vụ khác cung cấp. Dịch vụ Web host thường miễn phí, có kèm theo quảng cáo hoặc có giá rẻ.

Dịch vụ Web host thông thường chỉ đủ đáp ứng nhu cầu của các trang chủ cá nhân. Một Web site phức tạp đòi hỏi một gói dịch vụ toàn diện hơn, cung cấp khả năng hỗ trợ cơ sở dữ liệu và các hệ nền phát triển ứng dụng (như PHP, Java, ASP.NET). Những tính năng này cho phép người dùng viết hoặc cài đặt script cho các ứng dụng như diễn đàn hay quản lý nội dung. Các Web site thương mại điện tử còn đòi hỏi mã hóa SSL.

Nhà cung cấp dịch vụ host có thể còn cung cấp một bảng điều khiển giao diện Web (Cpanel, Helm, Plesk, ví dụ thế) để quản lý Web server và cài đặt script cũng như các dịch vụ khác, chẳng hạn e-mail. Gần đây các bảng điều khiển hoặc giao diện Web này gây ra nhiều cuộc tranh cãi khi Web.com tuyên bố công ty này được độc quyền về công nghệ host với 19 phát minh của mình. Hostopia, một công ty host sỉ lớn, gần đây đã mua quyền sử dụng công nghệ của Web.com với giá 10% lợi tức host lẻ. Web.com cũng đã kiện công ty Godaddy vì xâm phạm các phát minh độc quyền đó.

Một số nhà cung cấp dịch vụ host tập trung vào một phần mềm hoặc dịch vụ nhất định (ví dụ như thương mại điện tử). Những phần mềm hay dịch vụ này thường do các công ty lớn hơn sử dụng để tận dụng kiến trúc hạ tầng mạng của công ty cung cấp dịch vụ host.

3: Các loại dịch vụ host

Sau đây là những dịch vụ giới hạn trong phạm vi ứng dụng Web: Dịch vụ Web host miễn phí: Miễn phí, (đôi khi) chấp nhận quảng cáo, và cực kỳ hạn

chế khi so sánh với dịch vụ host có thu phí. Dịch vụ Web host dùng chung: Website của bạn được đặt chung server với hàng trăm

Web site khác. Dịch vụ host dành riêng: Người sử dụng thuê trọn Web server và có toàn quyền điều

khiển nó, tuy nhiên, người sử dụng không sở hữu server.


11

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Dịch vụ host hỗ trợ: Tương tự dịch vụ host dành riêng, nhưng người sử dụng sở hữu server; công ty host chỉ cung cấp chỗ (không gian vật lý) để lắp đặt và bảo trì server. Đây là loại dịch vụ Web host mạnh nhất và đắt tiền nhất.

Server ảo dành riêng: Chia một server thành nhiều server ảo, mỗi người dùng có cảm tưởng như họ đang quản lý server dành riêng cho họ, nhưng thât ra họ đang chia sẻ server với nhiều người dùng khác.

Web host lẻ: Cho phép khách hàng cung cấp dịch vụ Web host cho chính họ. Host phân bổ: Sử dụng nhiều server lưu trữ cùng một nội dung để tận dụng tài nguyên

tốt hơn. Một số dịch vụ Web cụ thể: Dịch vụ lưu trữ tập tin: không lưu trữ trang Web mà là các tập tin Dịch vụ lưu trữ hình ảnh Dịch vụ lưu trữ video Dịch vụ lưu trữ blog Dịch vụ lưu trữ công cộng (như yousendit hay myfilehut vậy)

BÀI 3: NGÔN NGỮ LẬP TRÌNH VÀ CƠ SỞ DỮ LIỆU

I: NGÔN NGỮ LẬP TRÌNH

1: Ngôn ngữ HTML

Là ngôn ngữ lập trình cơ bản nhất. Nó chỉ có thể dùng để hiển thị một trang web tĩnh. Đôi khi bạn có thể dùng nó để thiết kế của form, nhưng nó không tương tác được với cơ sở dữ liệu.

Chúng ta dễ dàng xem code của một trang web dạng HTML bằng cách vào menu View > Page Code (Ctrl + U)

2: Ngôn ngữ CSS

Đây là ngôn ngữ dùng để định nghĩa một giao diện cho website. Nó không thể hiển thị được nội dung, nhưng nó tạo ra template cho nội dung. Ví dụ để định nghĩa một font chữ bạn dùng CSS và áp nó vào cho một đoạn văn. Ngôn ngữ này thường đi kèm với HTML.

3: Ngôn ngữ PHP, ASP, JAVA

Ngôn ngữ chạy phía server, nó thực hiện một quá trình biên dịch mã nguồn và trả về kết quả, hiển thị lên Browes cho người xem.

Quy trình biên dịch như sau:

Ngôn ngữ này cho phép tương tác với cơ sở dữ liệu. Ngôn ngữ phổ biến được dùng nhiều nhất là PHP.

Client Server Trình biên dịch


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

II: CƠ SỞ DỮ LIỆU (DATABASES) Bạn thường vào một diễn đàn, đăng ký thông tin để tham gia vào diễn dàn. Như vậy những thông tin mà bạn đăng ký đó gọi là dữ liệu. Toàn bộ được lưu lại trong hệ thống gọi là cơ sở dữ liệu.

Các chương trình quản lý cơ sở dữ liệu phổ biến như SQL Server, Oracel, Access, MySQL. Để dùng cho thiết kế bằng ngôn ngữ PHP người ta thường dùng MySQL, bỡi tính đơn giãn dể sử dụng của nó.

BÀI 4: CÀI ĐẶT WEB SERVER XAMPP

I: GIỚI THIỆU Xampp là máy chủ web cho phép bạn cài đặt và quản lý website của mình tại máy tính của

mình. Khi cài đặt thành công Xampp bạn sẽ được một host ảo hay còn gọi là localhost. Với localhost thì việc quản trị nó tương tự như quản trị trên host thật.

Xampp hổ trợ hầu hết các hệ điều hành. Nó hổ trợ việc thực thi ngôn ngữ lập trình PHP, Perl. Sau khi cài đặt bạn còn có thêm tiện ích PHPMyAdmin là chương trình dùng để quản trị cơ sở dữ liệu dưới dạng giao diện đồ họa.

Hiện tại chương trình có nhiều phiên bản cho bạn lựa chọn. Tuy nhiên việc lựa chọn phiên bản nào còn tùy thuộc vào hệ thống và nhu cầu của bạn.

Để tải chương trình bạn truy cập địa chỉ: http://www.apachefriends.org/ Lưu ý chọn đúng phiên bản dành cho hiệu điều hành.

II: CÀI ĐẶT Bước 1: Download chương trình từ địa chỉ trên. Ở đây sử dụng phiên bản 1.7.2 cho Windows.

Bước 2: Kích vào tập tin vừa tải về để cài đặt. Tại màn hình đầu tiên bạn chú vào trường Destination Folder, tại đây đang chọn là ổ C, nhưng tôi khuyên bạn nên chọn sang một ổ đĩa khác không có cài hệ điều hành. Bấm nút Next.

PHIÊN BẢN THỬ NGHI

13

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 3: Trong bước tiếp theo này bạtùy chọn trong mục Services Session là chọn sẽ chạy mặc trong Windows.

NGHIỆM – LƯU HÀNH NỘI BỘ

ạn đảm bảo đã chọn hết tất cả các tùy chọn. Trong đó có ba c Services Session là quan trọng nhất. Điều này có nghĩa là ba d

Trong đó có ba ĩa là ba dịch vụ được


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 4: Dưới đây là quá trình cài đặt đang được tiến hành. Bạn chờ cho đến khi màn hình DOS xuất hiện.

Bước 5: Khi những màn hình DOS xuất hiện bạn cứ để yên cho nó qua hết cho đến khi màn hình báo đã cài đặt hoàn tất xuất hiện.


15

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 6: Tiếp theo bạn ra desktop tìm icon của chương trình và khởi động nó lên.

Bấm nút Start cạnh hai dịch vụ Apache và MySql, để ý thấy trạng thái của nó là Running thì được. Bấm nút Exit để thoát chương trình.

Bước 7: Bạn kiểm tra chương trình đã hoạt động chưa bằng cách mở trình duyệt web bất kỳ và gõ vào địa chỉ http://localhost hoặc http://127.0.0.1 Nếu kết quả xuất hiện như hình dưới đây là bạn đã cài đặt thành công.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

III: CẤU HÌNH

1: Thay đổi địa chỉ local

Mặc định để truy cập vào webserver bạn vào địa chị http://localhost Nhưng nếu bạn muốn thay địa chỉ này thành một cái tên tùy thích, ví dụ như http://tinhyeucuatoi.com chẳng hạn. Bạn thực hiện như sau:

Bước 1: Mở Windows Explorer lên theo đường dẫn C:\Windows\System32\drivers\etc

Bước 2: Mở tập tin hosts bằng Notepad.

Bước 3: Tìm đến dòng # 127.0.0.1 localhost và thay chữ localhost bằng chữ tùy thích. Trong ví dụ này là tinhyeucuatoi.com. Bỏ dấu # phía trước.

Bước 4: Lưu tập tin này lại và kiểm tra bằng cách truy cập vào trình duyệt http://tinhyeucuatoi.com

2. Tạo thử website

Bây giờ chúng ta sẽ thử tạo ra một website đơn giãn để kiểm tra webserver của chúng ta hoạt động chưa.

Bước 1: Bạn tìm theo địa chỉ C:\Xampp\htdocs (C:\ là thư mục cài đặt) tạo thêm một thư mục mới có tên MyWeb dùng để chứa website của bạn tạo ra.

Bước 2: Tạo tập tin Index.html trong thư mục MyWeb trên, nội dung tùy ý. Ví dụ ở đây tôi ghi nội dung như hình.


17

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 3: Lưu website này và truy cập vòa địa chỉ http://localhost/MyWeb. Nếu kết quả hiện ra trang web với nội dung ở trên thì là thành công. (Lưu ý: nếu bạn đã sửa địa chỉ localhost thành địa chỉ khác thì nhớ gõ đúng, trong sách này tôi sử dụng mặc định).

3. Thay đổi thư mục htdocs

Mặc định thì bắt buộc bạn phải lưu thư mục chứa web của mình trong thư mục htdocs Nhưng bạn muốn thay đổi địa chỉ này qua một thư mục khác chẳng hạn. Chúng ta làm như sau:

Bước 1: Bạn tìm đến thư mục C:\xampp\apache\conf Mở tập tin httpd.conf bằng notepad.

Bước 2: Tìm đến dòng <Directory "C:/xampp/htdocs"> và thay đường dẫn trong đó bằng đường dẫn đến thu mục chứa web mới của bạn. Ví dụ tôi tạo thư mục D:\Data thì tôi sẽ sửa lại thành <Directory "D:/Data">

Bước 3: Tìm đến dòng DocumentRoot "C:/xampp/htdocs" và cũng sửa đường dẫn trong đó đến thư mục chứa web. Bạn chú ý dùm tôi dấu gạch chéo trong địa chỉ.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 4: Khởi động lại dịch vụ Apache bằng cách mở trình điều khiều Xampp, bấm Stop ở dịch vụ Apache và sau đó chọn Start trở lại. Nếu trạng thái lúc này là Running thì việc cấu hình của bạn thành công.

Bước 5: Bạn thử kiểm tra lại bằng cách tạo một file Index.html và truy cập vào website của mình.

BÀI 5: QUẢN TRỊ CƠ SỞ DỮ LIỆU BẰNG PHPMYADMIN

I: GIỚI THIỆU Trình quản trị cơ sở dữ liệu PHPMyAdmin quản trị cơ sở dữ liệu bằng ngôn ngữ dữ liệu

MySQL. Nó cho phép tạo ra một cơ sở dữ liệu, tương thích với ngôn ngữ lập trình web PHP. PHPMyAdmin viết trên nền web nên dễ dàng sử dụng và được nhiều người ưa chuộng. Còn nói về ngôn ngữ truy vấn dữ liệu MySQL thì nó không khác gì SQL cho lắm. Nhưng nó

hổ trợ tốt hơn cho PHP.

II: THAY ĐỔI MẬT KHẨU TRUY CẬP DỮ LIỆU Công việc đầu tiên bạn nên làm là đặt mật khẩu bảo vệ cho cơ sở dữ liệu của mình. Để làm điều này bạn truy cập vào trang http://localhost/security/xamppsecurity.php

Nhập mất khẩu hiện tại và mật khẩu mới, rồi bấm nút Password changing


19

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Thông báo Password đã được thay đổi thành công.

III: QUẢN TRỊ CƠ SỞ DỮ LIỆU

1: Truy cập trang quản trị

Để làm điều này bạn vào địa chỉ http://localhost/phpmyadmin

Đăng nhập với Username mặc định là root, Password do bạn đặt ở mục trước. Nếu đúng thì chương trình PHPMyAdmin xuất hiện như hình bên dưới.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

2: Tạo CSDL mới

Để tạo mới một CSDL bạn chọn tab Databases, điền tên CSDL trong trường Create new databases. Lưu ý: chọn thêm kiểu mã hóa ký tự là utf8_general_ci trong mục chọn kế bên. Sau cùng bấm Create.

Nhận được thông báo đã tạo thành công một CSDL mới.

3: Tạo Table (thuật ngữ gọi là quan hệ) mới cho dữ liệu

Bây giờ chúng ta sẽ tạo mới một bảng cho dữ liệu MyData ở trên. Ví dụ tôi sẽ tạo một bảng ThongTinSinhVien để lưu thông tin của sinh viên. Để làm điều này bạn thực hiện như sau

Bên góc tay trái bạn chọn vào tên database của mình là MyData.

Bạn nhận được một thông báo No table found in

database có nghĩa là bảng dữ liệu bây giờ đang trống. Để tạo mới bạn gõ tên Table trong trường Name, trường


21

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Number of fields yêu cầu bạn chỉ định số cột (Column) trong bảng (thuật ngữ gọi là thực thể). Bấm nút GO để tạo table.

Chúng ta nhận được một bảng yêu cầu các Column cho Table vừa tạo:

Ví dụ này chúng ta sẽ tạo một dữ liệu như sau: MSSV HOTEN NGAYSIN

H KHOA DTB

08520441

Nguyễn Anh Tuấn

12/7/1991 Mạng Máy Tính

7.25

08520213

Lê Anh Vũ 2/9/1990 Kỹ Thuật Máy Tính

7.42

08520325

Trương Anh Duy

5/10/1989 Phần Mềm

7.51

08520678

Thái Hà Quân

4/1/189 Khoa Học Máy Tính

7.62

+ Phần được in đậm trong bảng trên được gọi Field, nó là tiêu đề để nhận diện cột. Ta điền nó trong trường Field.

+ Trường Type quy định kiểu dữ liệu (data type) cho Field. MSSV: Varchar HOTEN: Text NGAYSINH: Date KHOA:Text DTB: Float


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

+ Length/Value dùng để chỉ định độ dài của dữ liệu. Phần này bỏ trống, nó tự gán giá trị mặc định cho mỗi Field. Tuy nhiên tùy theo kiểu dữ liệu (data type) mà trường này được phép bỏ trống hay không. Ví dụ kiểu Varchar bạn bắt buộc phải nhập giá- trị cho nó.

Sau khi bấm nút Save nếu thông báo hiện ra như hình bên dưới thì việc tạo Table của

bạn thành công.

Kế đến bạn nhập dữ liệu cho Table: Bạn chuyển qua tab Insert, sẽ nhận được một bảng yêu cầu điền dữ liệu như hình dưới. Điền dữ liệu vào và bấm nút Go.


23

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Mặc định một lúc bạn chỉ có thể nhập dữ liệu 1 dòng (thuật ngữ gọi là Bộ). Tuy nhiên bạn có thể nhập cùng lúc nhiều dòng bằng cách kéo thanh trượt xuống dưới dòng Restart insertion with… bạn sửa lại giá trị trong đó tương ứng với số dòng mà bạn cần nhập vào.

Lưu ý: Nếu nhập cùng lúc nhiều dòng bạn phải bấm vào nút Go ở dưới cùng. Nếu bấm nút Go ở dòng nào thì chỉ có dòng đó được thêm.

Chuyển qua tab Browse bạn thấy dữ liệu đã được thêm vào.

Để hiểu về ý nghĩa cửa Database và quản trị chúng, các bạn sẽ được học trong môn Cơ Sở Dữ Liệu, và nhiều môn học liên quan trong ngành Hệ Thống Tin Tin. Trong bài viết này chỉ hướng dẫn một cách cơ bản nhất để những bạn chưa biết gì có thể làm quan cơ bản nhất.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 6: QUẢN TRỊ CSDL BẰNG NAVICAT

I: GIỚI THIỆU Navicat là một phần mềm phía Client, cho phép nối đến server chứa CSDL để thực hiện công việc quản trị. Bạn hình dung khi bạn mua một host do nhà cung cấp dịch vụ cấp. Bạn sẽ nhận được một tài khoản để kết nối đến Database Server của họ. Và bạn sẽ sử dụng phần mềm Navicat này để thực hiện quản trị nó từ xa.

Navicat không khác gì với PHPMyAdmin, nhưng nó hổ trợ nhiều tính năng hơn, và bảo mật cao hơn.

II: QUẢN TRỊ CSDL VỚI NAVICAT

1: Cài đặt Navicat

Để cài đặt Navicat bạn tìm và tải phần mềm tại địa chỉ http://www.navicat.com Sau khi tải về bạn cài đặt như bao phần mềm khác, và giao diện khi lần đầu tiên làm việc như

hình bên dưới.

2: Kết nối đến server

Chọn tác vụ Connection trong giao diện chính của chương trình. Một cửa sổ yêu cầu thông tin kết nối hiện ra. Bạn nhập thông tin kết nối đến máy chủ.

Ở đây tôi chỉ kết nối đến server local, tức là server ảo ngay trên máy tính của tôi. Trong phần

Connection Name bạn cho biết tên của của kết nối này, tùy ý thích của bạn. Trong trường Host name/ IP Address bạn nhập địa chỉ của server. Khi đăng ký host bạn được cung cấp địa chỉ này. Ở đây tôi nhập là localhost do tôi đang kết nối đến server local. Hai trường User name và


25

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Password yêu cầu khai báo thông tin đăng nhập server. Nếu kết nối local bạn nhập như đăng nhập PHPMyAdmin. Sau cùng bấm OK.

Trở lại màn hình chính bạn thấy tên kết nối đã xuất hiện bên trái. Bấm chuột phải vào đó và chọn Open Connection

Nếu kết nối thành công bạn thấy dữ liệu của chúng ta xuất hiện.

3: Quản lý User

Navicat cho phép bạn tạo nhiều user khác đăng nhập vào hệ thống. Khi đó bạn cần có quyền admin cao nhất, mặc định ở local thì tài khoản root là quyền cao nhất. Khi đăng ký host thật, thì tài khoản đó cũng có quyền này, nhưng thấp hơn một tài khoản khác gọi là user system.

Để quản lý user bạn chọn tác vụ Manage Users


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Để thêm user mới bạn bấm Add User và nhập thông tin đăng nhập cho user đó. Chú ý trường Host là địa chỉ đến server của bạn. Ở đây là localhost.

Với mỗi user bạn có thể thiết lập quyền cho user đó trong vùng Global Privileges. Bạn con có thể phân quyền cho user theo từng Database khác nhau bằng cách Click vào user đó, bên dưới sẽ mở ra những Database hiện có, và bạn check vào quyền được cấp cho user trong vùng Global Privilages.

4: Quản trị cơ sở dữ liệu

Việc quản trị CSDL trên Navical dễ sử dụng hơn nhiều so với PHPMyAdmin vì nó đã tạo sẵn những công cụ ra bên ngoài.

Table: Chứa các table trong CSDL. Có thể thấy CSDL MyData đã tạo ở bài trước cũng xuất hiện ở đây. Bạn có thể tạo thêm bằng cách bấm vào New Table.

View: Dùng thiết kế trình view cho phép xem dữ liệu. Query: Dùng để tạo truy vấn đến CSDL. Phần này viết bằng code, bạn cần học qua

ngôn ngữ truy vấn dữ liệu SQL hoặc MySQL. Report: Dùng để tạo một bảng báo cáo, truy xuất từ dữ liệu. Backup: Cho phép sao lưu dữ liệu, đề phòng bị mất hoặc hư hỏng.


27

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 7: LẬP TRÌNH PHP CĂN BẢN

Giới thiệu

PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ Webserver. PHP mã nguồn mở, dùng cho mục đích tổng quát.

Do PHP được phát triển chỉ để dành cho ứng dụng web nên rất dễ dàng nhúng mã vào trang HTML. Tốc độ nhanh, nhỏ gọn, cú pháp giống C, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web rất phổ biến.

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng nhưng cũng có sự đóng góp rất lớn của Zend Inc., công ty do các nhà phát triển cốt lõi của PHP lập nên.

Nói đơn giản: PHP là ngôn ngữ dạng script thực thi trên webserver nhằm tạo ra trang web động

Đoạn mã sau minh họa giúp cách viết PHP lồng vào các trang HTML dễ như thế nào:

<html> <head><title>Trang chủ</title></head> <body> Chào bạn ! <b> <?

if (date("H")<12) echo "Chúc một ngày tốt lành"; else echo "Chiều rồi! Mừng gặp lại! Hôm nay vui chứ hả?";

?> </b> <hr> </body> </html>

Thẻ <? và thẻ ?> đánh đấu bắt đầu và kết thúc của phần mã PHP, qua đó máy chủ biết để xử lý và dịch mã cho đúng.

Mỗi dòng kết thúc bằng dấu ;

Trong trang html, các lệnh php nằm trong tag <? … ?> hoặc <?php …?>

Các khối lệnh nằm trong { … }

Tên mở rộng của file là php

Chú thích

// : 1 dòng

/ *

… Khối lệnh


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

*/

File PHP chỉ chạy khi nó được chuyển giao từ webserver. Vì vậy, muốn thực thi file php, bạn phải request nó thông qua webserver (nghĩa là mở browser, gõ http://localhost/trangdong.php. Do đó không thể nhúp đúp vào file php để xem nó ở localcal như trang html được. Để chạy file PHP :

+ Nếu máy của bạn cài IIS : tạo file trong folder C:\Inetpub\wwwroot

+ Nếu máy của bạn cài AppserV : tạo file trong folder C:\AppserV\www

+ Nếu máy của bạn cài Xampp, tạo file trong folder C:\xampp\htdocs

Công cụ lập trình

Có khá nhiều công cụ lập trình PHP. Đơn giản là bạn dùng notepad cũng có thể soạn PHP được. Tuy nhiên, để soạn thảo nhanh hơn, tiện hơn, bạn nên dùng các trình soạn thảo PHP chuyên nghiệp. PHP Designer Pro là một ứng dụng được khuyên dùng.

Biến

Biến dùng để chứa các giá trị trong quá trình tính toán

Không cần khai báo kiểu dữ liệu lúc khai báo biến

Các kiểu dữ liệu :

+ Số nguyên : int

+ Số thực : float, double

+ Chuỗi : string

+ Object

+ Logic : True hoặc false

+ Kiểu mảng: Array

+ Null : giá trị đặc biệt, nhằm thể hiện tính rỗng, chưa được gán gì

Khai báo :

$TenBien=<giatri> ;

<? $hoten= "Tèo"; //Tạo biến hoten và gán giá trị $dem=1; //Tạo biến dem và gán giá trị

Lệnh echo

Dùng để hiện giá trị của 1 biến, hiện 1 chuỗi

Ví dụ :

<? echo $hoten; //Hiện giá trị biến hoten echo "Hello"; //Hiện chữ Hello, không hiện dấu nháy echo "Chào \"sếp\""; //Hiện Chào "sếp" ?>


29

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Hằng

Là đối tượng chứa giá trị cố định

Khai báo:

define("TenHang",GiaTri);

Ví dụ:

<hr> <?

define("tygia",17000); $usd=10; $vnd=$usd*tygia; echo "VND=$vnd ";

?>

Các phép toán

Số học: +. -, *, /, % (chia lấy dư)

So sánh: ==, >=, <=, >, < , !=

Ghép chuỗi: .

Logic: ! , && , ||

Tăng : ++

Giảm : --

Gán: =

<? $soluong=3; //Khai báo biến soluong và gán giá trị echo $soluong; //3 $soluong =5; // biến soluong đã có, chỉ gán giá trị echo $soluong; //5

?>

Lệnh if:

a. Lệnh if đơn giản:

if (điều kiện) { Khối Lệnh 1;

} else {

Khối Lệnh 2; }


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Phần else và khối lệnh 2 có thể không có

Nếu khối lệnh 1 khối lệnh 2 chỉ 1 gồm lệnh thì có thể bỏ cặp { }

Khối lệnh có thể là mã lệnh php hoặc mã lệnh html

Ví dụ 1 :

<hr/> <? $diem=6; if ($diem>=5) echo "Đậu"; else echo "Rớt"; ?>

Ví dụ 2 : Sử dụng template khác nhau cho trang tùy theo thời gian

Mở file index1.html rồi save as thành index1.php

Qua chế độ code, đến dòng 21 sẽ thấy đoạn code

<link href="c1.css" rel="stylesheet" type="text/css">

Bổ sung để có kết quả sau:

<link href="<? if (date('H')<=12) echo "c1.css"; else echo "c2.css"; ?>" rel="stylesheet" type="text/css">

F12 test thử

b. Lệnh if...elseif..else

Cú pháp

if (Điều kiện1) { Khối lệnh 1;

} elseif (Điều kiện2) {

Khối lệnh 2 } … else {

Khối lệnh }

Ví dụ:

<hr/> <? $diem=4; if ($diem>=8) echo "Giỏi"; elseif ($diem>=7) echo "Khá"; elseif ($diem>=5) echo "Trung bình"; else echo "Kém"; ?>


31

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

c. Lệnh if ngắn gọn

Cú pháp:

(<dkien>)?<giá trị đúng>:<giá trị sai>;

Ví dụ:

<hr/> <? $dtb=5; echo ($dtb>=5)? "Được lên lớp":"Ở lại"; ?>

Vòng lặp for:

Là lệnh lặp 1 khối lệnh với số lần lặp nhất định

Cú pháp:

for (<biến đếm> ; <Điều kiện dừng> ; <Tăng/giảm biến đếm>) {

Khối lệnh.

}

Ví dụ:

<? for ($i=1;$i<=10;$i++) { echo "i=$i<br>"; } ?>

Vòng lặp while :

Là lệnh lặp khối lệnh số lần lặp không xác định.

Cú pháp:

while (<Điều kiện>){

Khối lệnh

}

Điều kiện lặp được kiểm tra trước, do đó có thể không thực hiện lần nào.

Ví dụ:

<hr> <? $tong=0; $i=1;


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

while ($i<=10) { $tong+=$i; $i++; } echo "Tổng=$tong"; ?>

Vòng lặp Do...While:

Là lệnh lặp khối lệnh số lần lặp không xác định.

do {

Khối lệnh

} while (<Điều kiện>);

Điều kiện lặp được kiểm tra sau, do đó thực hiện ít nhất 1 lần.

Ví dụ:

<? $tong=0; $i=1; do { $tong+=$i; $i+=2; }while ($i<=10); echo "Tổng các số lẻ=$tong"; ?>

Hàm (Function)

a. Giới thiệu:

Hàm là 1 khối lệnh được đặt tên để gọi sử dụng nhiều lần. PHP có khoảng hơn 700 hàm. Chúng ta cũng có thể tự định nghĩa thêm các hàm mới.

Hàm có thể trả vế 1 giá trị 1 giá trị nào đó sau khi tính toán hoặc không

b. Khai báo:

function <Tên hàm>(<tham số 1>,<tham số 2>,...){ ........ [return giá trị;] }

c. Ví dụ:

Tạo file ham.php

Định nghĩa hàm: gõ ở đâu đó (trong tag head):

<?


33

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

function solonnhat($a,$b,$c) { //php không chú ý gì đến các lệnh trong hàm cho đến khi hàm được gọi

$m=$a; if ($b>$m) $m=$b; if ($c>$m) $m=$c; return $m;

} ?>

Sử dụng hàm: trong tag body

Số lớn nhất là : <?

$x=8; $y=12; $z=10; $m=4; $n=19; $t=solonnhat($x, $y,$z); $s=solonnhat($t, $m,$n); echo $s;

?>

F12 xem thử (kết quả là ?)

d. Include file

Người ta thường đưa các hàm có cùng 1 loại (như xử lý chuỗi, tính toán, tiền tệ, bảo mật…) vào 1 file php riêng và include vào trang web khi cần.

Cú pháp:

include "TenFile” ; hoặc require "TenFile” ; hoặc include_once "TenFile” ; hoặc //để đảm bảo include chỉ 1 lần, nếu đã include rồi thì php sẽ không require_once "TenFile” ; // không include nữa, nhằm để tránh trùng tên hàm

Tênfile thường là file php, cũng có thể là file html

Ví dụ:

§ Tạo file ngay.php, xóa hết mọi code html rồi định nghĩa hàm sau:

<?php function LucNayLa() { // Chuyển giờ hệ thống sang tiếng Việt $anh = array ( "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "am", "pm", ":" ); $viet = array ( "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy", "Chủ nhật", " phút, sáng", " phút, chiều", " giờ " ); $timenow = gmdate("D, d/m/Y - g:i a.", time() + 7*3600); $t = str_replace( $anh, $viet, $timenow); return $t; } ?>

§ Trong trang web động nào đó. Vd dangnhap.php. Vào 1 vị trí trong tag body

<? include "ngay.php";


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

echo LucNayLa(); ?>

String (chuỗi)

Là 1 dãy ký tự trong nháy kép hoặc nháy đơn

a. Chiều dài chuỗi

strlen(chuỗi) ;//Trả về số ký tự trong chuỗi

<hr/> <? $a="Chao ban"; echo strlen($a) ; // 8 ?>

b. Truy xuất ký tự trong chuỗi (để lấy giá trị, gán trị mới);

Chỉ số của các ký tự tính từ 0

VD: echo $a[2]; //a

c. Trích chuỗi con

substr(chuỗi gốc, vị trí đầu, chiều dài chuỗi con);

<? $str=“Hello World”; echo substr($str, 3,5); // lo wo ?>

d. Tìm kiếm chuỗi con

strpos(chuỗi gốc, chuỗi con); // Trả về chỉ số là nơi xuất hiện chu

<? $str="Chao ban"; echo strpos($str,"a"); //2 ?>

e. Tìm và thay thế

str_replace(<chuỗicầntìm>,<chuỗithaythế>,<chuỗigốc>);

<? $str="Hello World"; $str=str_replace('o','e',$str); echo str; //Helle Werld ?>


35

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

f. Các hàm chuyển đổi

strtoupper(chuỗi);//chữ hoa

strtolower(chuỗi);//chữ thường

ucfirst(chuỗi);//ký tự đầu của chuỗi là hoa , còn các ký tự khác thì giữ nguyên

ucwords(chuỗi);//ký tự đầu mỗi từ là hoa, còn các ký tự khác thì giữ nguyên

<? $str="chao ban"; echo strtoupper($str);."<br>"; //CHÀO BẠN echo ucfirst($str)."<br>"; //Chào bạn echo ucwords($str)."<br>"; //Chào Bạn ?>

Array (mảng)

a. Giới thiệu:

Mảng là 1 đối tượng được tạo ra nhằm lưu trữ các dữ liệu có tính tương đồng. Trong mảng có nhiều phần tử với những giá trị khác nhau và được đánh theo số thứ tự từ 0 trở đi (chỉ số phần tử) hoặc được phân biệt theo dạng chuỗi (key)

name1=“Teo”;

name2=“Ty”;

name3=“Map”;

Giá trị các key phải khác nhau.

b. Khai báo mảng

$TênMảng=array(); // khai báo mảng rỗng

$TênMảng=array(giá tri 1, giá trị 2,…); //khai báo mảng có các phần tử đánh bằng chỉ số

$ TênMảng =array("key1" =>giá trị 1, "key2" => giá trị 2, "key3" => giá trị 3); //Khai báo mảng dùng key

c. Thể hiện cấu trúc mảng:

Có thể dùng 2 hàm:

var_dump(TenMang); // Liệt kê chi tiết bao nhiêu phần tử, index , kiểu và giá trị của từng phần tử

print_r(TenMang); // liệt kê index và giá trị từng phần tử. Không hiện kiểu và tổng số phần tử

d. Ví dụ:

0 1 2

Teo Ty Map a b c


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

<? $giohang=array(); //khai báo mảng rỗng $diem=array(0,5,7); // 3 phần tử chỉ số là 0,1,2. $sanpham=array("idSP"=>5, "TenSP"=>"Gạo","Gia"=>12000); // đánh theo key $user=array("iduser"=>5, "hoten"=> "Nguyễn Văn Tèo"); echo "Cấu trúc mảng diem: <br/>"; print_r($diem); echo "<br>"; var_dump($diem); echo "<br>"; echo "Cấu trúc mảng sanpham: <br/>"; print_r($sanpham); echo "<br>"; var_dump($sanpham); ?>

e. Thêm phần tử vào mảng

$TênMảng[]=giá trị ;// Thêm vào cuối mảng

<hr/> <? $diem[]=9; //Thêm 9 vào cuối mảng điểm, chỉ số cuối tăng 1 è $diem=array(0,5,7,9) $sanpham["SoLuong"]=3; //thêm 3 làm phần tử cuối của mảng sanpham, key là SoLuong print_r($diem); echo "<br>"; print_r($sanpham); ?>

f. Truy xuất phần tử mảng

$ TênMảng[chiso] ; hoặc

$ TênMảng["key"] ;

<hr/> <? echo $diem[1]. "<br/>"; //5 echo $sanpham["TenSP"]; //Gạo ?>

g. Đếm phần tử

count($TênMảng);

<hr/> <? echo count($user) ; //2 ?>


37

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

h. Liệt kê phần tử mảng dùng vòng lặp for :

Liệt kê mảng mà các phần tử được đánh theo chỉ số liên tục

<hr/> <?

$giatri=array(8,10,9) ; for ($i=0 ;$i<count($giatri) ;$i++) { echo "Giá trị thứ $i là $giatri[$i]<br>"; }

?>

i. Dùng vòng lặp while :

Liệt kê các phần tử của mảng có chỉ số dạng key

<hr/> <?

$sanpham=array("idSP"=>5, "TenSP"=>"Gạo","Gia"=>12000, "SoLuong"=>3); reset($sanpham); // đưa con trỏ về phần tử đầu while (key($sanpham)!=null) { echo key($sanpham) . " = " . current($sanpham) . "<br/>"; next($sanpham); //, prev: lui trái, next: ptừ kế }

?>

<hr/> <?

$sanpham=array("idSP"=>5, "TenSP"=>"Gạo","Gia"=>12000, "SoLuong"=>3); reset($sanpham); // đưa con trỏ về phần tử đầu

?> <table border=1> <? while (key($sanpham)!=null) { ?> <tr><td><? echo key($sanpham); ?> </td><td><? echo current($sanpham); ?> </td></tr> <? next($sanpham); // prev: lui trái, next: ptừ kế ?> <? } ?> </table>

Chú ý:

§ 1 phần tử của dãy có giá trị null cũng được, ghi vầy $a=array(10,null,7); Ghi vầy là sai: $a=array(10,,7);

§ Phần tử có chỉ số thì key là null

j. Vòng lặp foreach:

Liệt kê các phần tử của mảng theo dạng key hoặc số

<? $a=array("a"=>1, 5, "c"=>10,8); foreach ($a as $key => $value) echo "$key = $value<br>" ; ?>


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Mỗi lần qua từng phần tử thì phân tích thành cặp key và value. Có thể đặt tên khác, không nhấn thiết là $key, $value

Mỗi lần lặp, tự động next qua phần tử tiếp theo

Xử lý dữ liệu trên Form

a. Đối tượng $_GET, $_POST

$_GET, $_POST là 2 mảng có sẵn trong PHP để chứa dữ liệu gửi lên từ form. Cả hai là mảng dùng key. Key là tên của các đối tượng trong form

$_GET là đối tượng chứa dữ liệu gửi lên từ form dùng Method là Get

$_POST là đối tượng chứa dữ liệu gửi lên từ form dùng Method là Post

b. Cách lấy giá trị từ form

$_GET["Ten"]

$_POST["Ten"]

c. Ví dụ 1:

Tạo 1 file tên dangnhap.php rồi tạo form login trong tag body như dưới đây:

<form action="xulydangnhap.php" method="GET" name="form1" id="form1"> <table width="286" border="0" align="center" cellpadding="4" cellspacing="0"> <caption>ĐĂNG NHẬP</caption> <tr> <td width="114">Tên đăng nhập</td> <td width="150"><input name="u" type="text" class="txtfield" id="u" /> </td> </tr> <tr> <td width="114">Mật khẩu</td> <td><input name="p" type="password" class="txtfield" id="p" /> </td> </tr> <tr> <td> </td> <td><input type="checkbox" name="nho" id="nho" />Nhớ user và pass</td> </tr> <tr> <td> </td> <td><input name="button" type="submit" class="btnSubmit" id="button" value="Đăng Nhập" /></td> </tr> </table> </form>


39

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Tạo file xulydangnhap.php rồi gõ mã sau vào tag body

<? echo $_GET["u"]. "<br>"; echo $_GET["p"]. "<br>"; print_r($_GET ) ?>

F12 file dangnhap.php, gõ user, pass rồi nhắp Login. Nhìn URL của browser, bạn sẽ thấy file xulydangnhap.php và username, password.

Chỉnh lại form trên với method là POST,

Sửa phương thức GET trong file xulydangnhap.php thành POST và thử lại. Chú ý URL trên thanh Address khi nhắp nút Login


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Đối tượng $_SERVER

Ngoài các thông tin trình duyệt gửi lên thông qua các con đường POST, GET, COOKIES, chúng ta cũng có thể thu được một số thông tin khác có liên quan đến trình duyệt cũng như các thông số liên quan đến máy chủ như: đường dẫn, địa chỉ IP, phiên bản... Các thông tin này được lưu trữ trong biến mảng $_SERVER (đối với các phiên bản mới) hoặc $HTTP_SERVER_VARS (đối với các phiên bản cũ hơn bản 4.1.0):

$_SERVER['HTTP_HOST'] / $_SERVER['SERVER_NAME']: Tên của máy chủ host, nơi mà đoạn script được thực thi.

$_SERVER['PHP_SELF']: Tên file nằm trên folder gốc của website. Ví dụ: biến $_SERVER['PHP_SELF'] trong script đặt tại địa chỉ http://example.com/test.php/foo.bar sẽ là /test.php/foo.bar.

$_SERVER['QUERY_STRING']: Chuỗi chứa tên các tham số và giá trị (sau dấu ?)

$_SERVER['DOCUMENT_ROOT']: Folder gốc của website, nơi mà file script đang được thực thi. Ví dụ: C:/AppServ/www

$_SERVER['HTTP_REFERER']: địa chỉ của trang web mà từ đó user link đến trang này.

$_SERVER['REMOTE_ADDR']: Địa chỉ của máy client, nơi người sử dụng đang duyệt web.

$_SERVER['REQUEST_URI']: Địa chỉ URI (Định danh đối với các tài nguyên mạng, là một dạng thức của URL).

$_SERVER['SERVER_SOFTWARE']: Chuỗi định danh của máy chủ, thường được cấp trong phần header khi trả lời các yêu cầu từ máy khách. Ví dụ: Apache/2.2.4 (Win32) PHP/5.2.3

$_SERVER['REQUEST_METHOD']: Loại yêu cầu mà clientsử dụng để truy cập trang web. VD: 'GET', 'HEAD', 'POST', 'PUT'.

$_SERVER['SCRIPT_FILENAME']: Đường dẫn tuyệt đối của file script đang chạy. Vd: C:/AppServ/www/laptrinhphp/abc.php

$_SERVER['SCRIPT_NAME']: Đường dẫn của file script. Vd /laptrinhphp/abc.php

<?php echo 'HTTP_HOST: '. $_SERVER['HTTP_HOST'].'<br>'; echo 'PHP_SELF: '.$_SERVER['PHP_SELF'].'<br>'; echo 'QUERY_STRING: '.$_SERVER['QUERY_STRING'].'<br>'; echo 'DOCUMENT_ROOT: '. $_SERVER['DOCUMENT_ROOT'].'<br>'; echo 'HTTP_REFERER: '. $_SERVER['HTTP_REFERER'].'<br>'; echo 'REMOTE_ADDR: '. $_SERVER['REMOTE_ADDR'].'<br>'; echo 'URL: '. $_SERVER['REQUEST_URI'] .'<br>'; echo 'SCRIPT_FILENAME: '. $_SERVER['SCRIPT_FILENAME'] .'<br>'; echo 'SCRIPT_NAME'. $_SERVER['SCRIPT_NAME'] .'<br>'; ?>


41

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Giới thiệu về http header

http header là các thông tin điều khiển nằm trong các http request , http response. Chứa các các chỉ thị báo cho trình duyệt/server biết cách xử lý thông tin. Ví dụ: trình duyệt chuyển qua trang khác, trình duyệt đừng hiện file php, trình duyệt đừng lưu trang vào cache

a. Redirection (chuyển hướng)

Dùng để chuyển sang trang web khác.

Cú pháp: header("location:url");

Lệnh này phải dùng trên tất cả các mã lệnh html

Ví dụ1:

<? header("location:http://nhatnghe.com"); exit();

?>

Ví dụ 2: Nếu buổi sáng chuyển đến trang index1.html ngược lại chuyển đến index2.html

<? if (date('H')<=12) header('location:index1.html'); else

header('location:index2.html'); ?>

Ví dụ 3: Nếu 2-4-6 chuyển đến trang index1.html ngược lại chuyển đến index2.html

<? if ((date('w')==1) || (date('w')==3) || (date('w')==5))

header('location:index1.html'); else header('location:index2.html'); ?>

Ví dụ 4: Nếu browser là IE thì chuyển đến trang index1.html, ngược lại trang index2.html

<? if (strpos($_SERVER['HTTP_USER_AGENT'],'MSIE')>0)

header('location:index1.html'); else header('location:index2.html'); ?>

Ví dụ 5: Nếu browser là Firefox thì chuyển đến trang index1.html, ngược lại trang index2.html

<? if (strpos($_SERVER['HTTP_USER_AGENT'],'firefox')>0) header('location:index1.html'); else header('location:index2.html'); ?>

Ví dụ 6: Quay lại trang trước đó


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

<? header("location:".$_SERVER['HTTP_REFERER']);?>

b. Content-type

Dùng để báo cho browser biết kiểu dữ liệu mà webserver đang trả về cho browser.

Cú pháp: header('Content-type:MimiType);

Ví dụ: tạo file mimetype1.html rồi gõ:

<? header('Content-type: application/msword'); ?> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Chào</title></head> <body>Chào bạn</body> </html>

Nếu không có dòng đầu (chữ đỏ) thì browse sẽ hiện trang web có chữ chào bạn. Nếu có, broswe sẽ biết đó là 1 file word, nó sẽ hiện ra khung này

Lệnh này phải dùng trên tất cả các mã lệnh html

Một số kiểu Mimtype (xem thêm file mimetype.html)

application/msword doc application/pdf pdf application/vnd.ms-excel xls application/zip zip

c. Content-disposition

Cú pháp: header('Content-disposition: attachment; filename="'.$filename.'"');

Lệnh sẽ báo cho browser biết là nên download và save file. Tham số "filename=" sẽ báo cho browser biết tên của file nên được save.

Ví dụ:

<? header('Content-type: application/msword');

$filename="tailieu.doc"; header('Content-disposition: attachment; filename="'.$filename.'"'); ?> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Chào</title></head> <body>Chào bạn</body>


43

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

</html>

d. Content-length

Lệnh header('Content-length: ' . filesize($upload_dir.$filename));

Lệnh này dùng để báo cho browser biết độ dài của file tải về, dùng trong download file

Cookies

a. Giới thiệu:

Cookie dùng để lưu những thông tin về user.

Cookie được lưu trong máy client, trong vùng do browser quản lý

Không dùng cookies để lưu những thông tin quan trọng vì không đảm bảo browser đều cho phép ghi cookies mà chỉ dùng cookie cho mục đích tiện ích mà thôi (username, password, thời điểm login cuối, danh sách nhạc ưa thích)

b. Tạo cookie

setcookie("TenCookie",giá trị [,Thời điểm quá hạn]);

Nếu không chỉ định thời gian thì cookie sẽ lưu trong bộ nhớ. Và sẽ mất khi user đóng browser.

Nếu thời điểm quá hạn là 1 thời điểm trong quá khứ thì browser sẽ xóa cookie

c. Sử dụng cookie

$_COOKIE["Ten"];

d. Ví dụ 1:

Tạo file setcookies.php và gõ khối lệnh sau (phải trên tất cả mã html)

<?php


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

setcookie("un", "Nguyen Van Teo", time()+60*60*24*30); setcookie("lasttime", time(), time()+60*60*24*30);

?>

Chú ý: Hàm time() cho biết số giây tính từ đầu năm 1970 đến thời điểm hiện tại

F12 xem thử, bạn sẽ chẳng thấy gì, nhưng 2 cookie đã được tạo (có thể xem thấy trong cache)

Tạo file viewcookie.php rồi gõ khối lệnh sau trong tag body

<? if (isset($_COOKIE["un"])==true) echo "Chào bạn " . $_COOKIE["un"] ."<br>"; else echo "Chào quý khách"; echo "Bạn vào site lần cuối lúc " . date("d/m/Y H:i:s",$_COOKIE["lasttime"]); echo "<hr>"; print_r($_COOKIE); // Xem mọi cookie

?>

“F17” xem thử, bạn thấy giá trị 2 cookie

e. Ví dụ 2

Tạo file xoacookie.php rồi vào dòng đầu tiên:

<? setcookie("un", "haha", time()-1);

?>

F12 , cookie sẽ bị xóa. Bạn có biết kiểm tra bằng cách nào không?

f. Ví dụ 3:

Mở file xulydangnhap.php, gõ thêm ở đầu:

<? if (isset($_POST['nho'])==true){ setcookie("iu_sơ_nêm",$_POST['u'], time()+60*60*24*7 ); setcookie("bát_quợt",$_POST['p'], time()+60*60*24*7 ); } else { setcookie("iu_sơ_nêm",$_POST['u'],time()-1); setcookie("bát_quợt",$_POST['p'],time()-1); } ?>

Lưu file lại

Mở file 1 file dangnhap.php , chọn tag form rồi kểm tra xem có phải method là POST không

Nhắp textfield tên u rồi qua code, bạn sẽ thấy đoạn mã:

<input name="u" type="text" class="txtfield" id="u" />

Gõ thêm vào (màu đỏ) để có kết quả sau:

<input value="<? echo $_COOKIE['iu_sơ_nêm'];?>" name="u" type="text" class="txtfield" id="u" />


45

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Qua Design, nhắp textfield tên p rồi qua code, bạn sẽ thấy đoạn mã:

<input name="p" id="p" type="password" class="txtfield" />

Gõ thêm vào (màu đỏ) để có kết quả sau:

<input value="<? echo $_COOKIE['bát_quợt'];?>" name="p" id="p" type="password" class="txtfield" />

“F17” trang dangnhap.php. Gõ username và password rồi nhắp Đăng nhập, bạn sẽ thấy user name password. Xem xong đóng browser lại

“F17” trang dangnhap.php. Gõ username và password , check vào Nhớ username rồi nhắp Đăng nhập, bạn sẽ thấy user name password. Lúc này username và password đã được lưu lại trong cookie. Xem xong đóng browser lại

“F17” trang dangnhap.php. Bạn sẽ thấy username, password đã được hiện sẵn

Session

a. Giới thiệu:

Là đối tượng chứa thông tin user trên server.

Mỗi user có 1 session riêng.

Cấu trúc session của mỗi user là giống nhau (chỉ khác gia trị các biến).

$_SESSION là dãy toàn cục có sẵn trong php, dùng để chứa các biến session. Do đó dữ liệu trong session có thể được truy xuất từ mọi trang php trong site.

b. Khai báo và sử dụng

$_SESSION["TênBiến"]

Trang php nào có dùng session thì phải có hàm < ? session_start() ;?> Hàm này phải nằm trên tất cả mã lệnh html

Vd:

< ? $_SESSION["login"]=1 ; //tạo biến, mọi trang đều đọc được ?>

c. Ví dụ 1:

<? if(isset($_SESSION['views'])==true)

$_SESSION['views']=$_SESSION['views']+1; else $_SESSION['views']=1; echo "Views=". $_SESSION['views']; if ($_SESSION['views']>=10) unset($_SESSION['views']); //session_destroy();


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

?>

d. Ví dụ 2: Ghi nhận số lượng sản phâm được chọn vào giỏ hàng

Mở trang index_banhang.php

- Qua code, lên dòng đầu gõ lệnh

<? session_start(); ?>

- Qua design. Ở cột phải, trong dòng Giỏ hàng có 0 sản phẩm, chọn số 0 xóa rồi qua code gõ code (màu đỏ)

Giỏ hàng có <? echo $_SESSION['SoSP']; ?> sản phẩm

- Kiểm tra xem từng nút đặt mua có link đến trang luuugiohang.php hay không

Tạo trang luugiohang.php

- Qua code, xóa hết code html và gõ lệnh sau

<? session_start(); $_SESSION['SoSP']+=1; header("location:".$_SERVER['HTTP_REFERER']); ?>

Test thử

e. Ví dụ 3 :

Tạo file index_admin.php – Trang chủ

<? session_start(); if (isset($_SESSION['login'])==false) { header("Location: login.html"); exit(); } ?> <body> Đây là trang chủ quản trị.<br/> Chào <b><?=$_SESSION["username"]?></b>. Bạn đã login thành cong. <hr> <a href=signout.php>Logout</a>; </body>

Tạo file login.html – Form login

<form action="signin.php" method="POST"> Username: <INPUT TYPE="text" name="username"><br> Password: <INPUT TYPE="password" name="password"><br> <INPUT TYPE="submit" name="submit" value="Login"> </form>

Tạo file signin.php – Kiểm tra thông tin

<?


47

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

session_start(); if (checkLogin($_POST['username'], $_POST['password'])==true){

$_SESSION["username"]=$_POST['username']; $_SESSION["login"]=true; header('Location: index_admin.php'); exit();

} else {

header('Location: login.html'); exit();

} function checkLogin($theUsername, $thePassword){ if (($theUsername=="teo") && ($thePassword=="123")) return true; else return false; }

?>

Tạo file signout.php

<? session_start(); session_destroy(); header('Location: login.html');

?>


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

CHƯƠNG 2: CÀI ĐẶT VÀ CẤU HÌNH JOOMLA

–&—

BÀI 1: GIỚI THIỆU JOOMLA I: VỀ JOOMLA

1: Giới thiệu Joomla

Joomla! là một hệ quản trị nội dung mã nguồn mở (tiếng Anh: Open Source Content Management Systems). Joomla! được viết bằng ngôn ngữ PHP và kết nối tới cơ sở dữ liệu MySQL , cho phép người sử dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet hoặc Intranet.

Joomla được phát triển bởi một nhóm người, mà tiền thân của nó là công ty sụp đổ. Trong khi những thành viên của công ty này buồn chán, không biết làm gì, họ bắt đầu viết Joomla. Mục đích ban đầu chỉ để giải khuây trong những ngày buồn bã của nạn thất nghiệp. Thế nhưng sự thật luôn là điều bất ngờ. Sản phẩm của họ được chia sẽ trên internet và nhận được sự ủng hộ của nhiều người.

Nhiều website bắt đầu sử dụng Joomla cho việc phát triển website của mình. Và đến ngày nay Joomla trở thành một hệ mã nguồn mở được ưu chuộng. Nhiều công ty bắt đầu kinh doanh từ việc phát triển các thành phần của nó.

Joomla thành lập nên một nền tảng cơ sở, sau đó phát triển các thành phần (extension) ứng dụng trên đó. Chúng ta có thể hình dung nó như một hệ điều hành, và bạn cài đặt các phần mềm trên đó.

Joomla là mã nguồn mở được sự chung tay xây dựng của mọi người trên thế giới. Chính vì thế mà các thành phần của nó rất đa dạng, và những người sử dụng sau hầu như không cần phải phát triển lại. Đó chính là lợi thế của mã nguồn mở.

Joomla được phát âm theo tiếng Swahili như là 'jumla' nghĩa là "đồng tâm hiệp lực".

2: Lựa chọn phiên bản của Joomla

Dòng phiên bản Joomla 1.0.x Là phiên bản phát hành ổn định. Được sử dụng rộng rãi, có nhiều thành phần mở rộng (component, module, mambot)... Có thể sử dụng ngay cho website của bạn. Joomla 1.0.0: Phiên bản phát hành đầu tiên (15-09-2005) Joomla 1.0.12: Phiên bản phát hành mới nhất (25-12-2006)

Dòng phiên bản Joomla 1.5 Là phiên bản phát triển và vẫn đang ở giai đoạn Beta 2 (chưa ổn định). Phiên bản Joomla! 1.5 là phiên bản cải tiến từ Joomla 1.0.x (phần mã được viết lại hoàn

toàn, tuy nhiên vẫn giữ cách hành xử như cũ) được coi như Mambo 4.6. Ban đầu nó còn được gọi là Joomla 1.1, nhưng sau đó vì nhận thấy nó được cải tiến nhiều về mặt kỹ thuật, tính năng nên nhóm phát triển quyết định lấy tên là Joomla 1.5

Có nhiều tính năng hay


49

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Chỉ nên sử dụng cho mục đích thử nghiệm Joomla 1.5 hỗ trợ đa ngôn ngữ Joomla 1.5 dùng charset mặc định là UTF-8 (thay vì ISO-8859-1 trong Joomla 1.0.x)

Dòng phiên bản Joomla 1.6 Đây phiên bản mới nhất, ra mắt vào tháng 10/2009. Phiên bản này còn đang khá mới,

chưa ổn định.

Lựa chọn phiên bản để cài đặt

Cài đặt lần đầu, cài mới Bạn nên chọn phiên bản Joomla 1.0.x, chọn bản mới nhất: Joomla 1.0.12 - Bước 1: Mở http://joomlacode.org/gf/project/joomla/frs/ - Bước 2: Chọn bản Joomla_1.0.12-Stable-Full_Package.zip (Stable: Ổn định,

Full: Đầy đủ)

Cài đặt ở chế độ nâng cấp Nếu bạn đang dùng Joomla 1.0.x. VD: Joomla! 1.0.7 và muốn nâng cấp lên Joomla! 1.0.12. - Bước 1: Mở http://joomlacode.org/gf/project/joomla/frs/ - Bước 2: Chọn bản Joomla_1.0.7_to_1.0.12-Stable-Patch_Package.zip (1.0.7

to 1.0.12)

II: CÁC THÀNH PHẦN MỞ RỘNG CỦA JOOMLA

1: Modue

Module là một trong 3 thành phần mở rộng chính của Joomla! Đó là một đoạn mã nhỏ thường được dùng để truy vấn các thông tin từ cơ sở dữ liệu và hiển thị các kết quả tìm được. Nó có thể được nạp vào một vị trí bất kỳ trên template (vị trí left, right, top, bottom... hoặc vị trí do người dùng định nghĩa); có thể hiện trên tất cả các trang của Website hay một số trang được ấn định. Khả năng tương tác giữa người sử dụng và hệ thống thông qua module là hạn chế (chúng ta thường chỉ nhận thông tin trả về).

Module có tên bắt đầu bằng mod_ Chúng ta có các module thông dụng: Lastest News (mod_latestnews): Module hiển thị các tin mới nhất Popular News (mod_mostreads): Module hiển thị các bài được quan tâm nhiều nhất


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Related Items (mod_related_items): Module hiển thị các bài viết liên quan Random Image (mod_random_image): Module hiển thị các ảnh ngẫu nhiên Search Module (mod_search): Module công cụ tìm kiếm Login Module (mod_login): Module hiển thị form đăng nhập hệ thống Stats Module (mod_stats): Module hiển thị các thông tin thống kê về hệ thống Menu Module (mod_mainmenu): Module hiển thị các menu của website Banners Module (mod_banners): Moudule hiển thị các banner quảng cáo.

2: Plugin

Plugin là một đoạn code chạy nền bên trong. Công việc của nó là làm nền để thực thi một tác vụ nào đó của Joomla. Nó không hiển thị ra bên ngoài của website mà chỉ nhận giá trị đầu vào ra trả về kết quả.

3 : Components

Đây chính là một trong những thành phần mở rộng quan trọng nhất. Nhờ có nó mà chúng ta có thể phát triển website với nhiều tính năng hơn. Thông thường một Components sẽ đi kèm với vài module hoặc plugin để giúp việc hiển thị nó ra ngoài được tiện dùng hơn.

4 : Template

Không cần nói nhiều thì bạn cũng biết đây chính là giao diện của website. Với thành phần này người dùng joomla có thể tùy biến giao diện một cách dễ dàng. Người ta có thể thiết kế trước một giao diện, và chỉ việc áp dùng giao diện này vào website thay vì phải xây dựng website từ đầu.

5 : Languages

Joomla được phát triển mạnh mẽ là do hổ trợ được nhiều ngôn ngữ khác nhau. Việc cài đặt thêm một gói ngôn ngữ mới đối với Joomla không có gì là khó, chính là nhờ sự hổ trợ của gói thành phần Languages này.

III : CÁC THUẬT NGỮ

1 : Front-end

Front-end (tiền sảnh), còn được biết với tên gọi Public Front-end: phần giao diện phía ngoài, nơi tiếp xúc với mọi người sử dụng. Bất cứ ai cũng có thể trông thấy khi gõ đúng đường dẫn URL vào trình duyệt.

Front-end chứa 1 trang đặc biệt là FrontPage (homepage) - trang chủ.

2: Back-end

Back-end còn được biết với tên gọi Public Back-end, Administrator, Control Pane: phần dành cho người quản trị. Những người bình thường không biết đường dẫn để truy cập, hoặc nếu có biết thì cũng phải qua bước kiểm tra tài khoản.

Phần back-end được truy cập thông qua đường dẫn: http://your_domain/administrator.

3: Section


51

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Section: Các mục, các lĩnh vực, các dòng sản phẩm, dịch vụ... mà Website muốn đề cập tới.

VD1: Một Website bán sách trực tuyến có thể bao gồm các Section: "Sách Văn học", "Sách Tin học", "Sách Toán học"...

VD2: Một Website về tin tức có thể bao gồm các Section: "Thể thao", "Văn hóa", "Pháp luật"...

4: Category

Category: Các chuyên mục, loại sản phẩm, loại dịch vụ... được đề cập một cách cụ thể hơn, chi tiết hơn.

VD1: Trong Section "Văn học" có các Category: "Tiểu thuyết", "Truyện ngắn", "Hồi ký"... VD2: Trong Section "Thể thao" có các Category: "Bóng đá", "Quần vợt", "Các môn thể

thao khác"...

5: Article

Article: Toàn bộ nội dung của một bài viết và thường gồm 2 phần: Phần giới thiệu (Intro Text): Phần này nêu ngắn gọn, tóm tắt hoặc là ý mở đầu cho toàn

bộ bài viết. Phần chi tiết (Description Text): Phần còn lại của bài viết.

Chúng ta cùng xem "Cấu trúc nội dung của một Website Joomla" được thể hiện thông qua hình

vẽ dưới đây:

Như vậy để tạo một bài viết chúng ta cần qua tối đa 3 bước và tối thiểu là 1 bước nếu đã co Section và Category:

Bước 1: Tạo Section: Vào Content --> Section Manager

Bước 2: Tạo Category: Vào Content --> Category Manager

Bước 3: Tạo Content: Vào Content --> Article Manager --> New


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 2: CÀI ĐẶT JOOMLA

Bây giờ chúng ta sẽ bắt đầu từng bước để cài đặt website Joomla.

Công việc đầu tiên rất quan trọng mà bạn không thể tránh khỏi là tìm và tải bộ source Joomla đúng phiên bản mình cần. Khi tải về bạn có một file nén dạng *.zip. Hãy giải nén file này ra một thư mục, và đặt tên cho thư mục này gọn lại, sao cho bạn thấy thích nó. Ở đây tôi sẽ đặt tên là Joomla15.

Copy thư mục Joomla15 vào thư mục chứa web của mình. Ở đây tôi sẽ đưa nó vào thư mục C:\xampp\htdocs Trong đó C:\ là ổ đĩa mà tôi đã cài Xampp. Một số bạn trong bài trước đã thực hành đổi thư mục chứa web sang thư mục khác thì lưu ý là phải đưa web của mình đến đúng thư mục đó.

Bạn vào phần quản trị CSDL của mình để tạo một Database mới. Ví dụ ở đây tôi sẽ tạo là Joomla_data.

Mở trình duyệt web lên và truy cập địa chỉ http://localhost/Joomla15 Chúng ta cần lưu ý ở địa chỉ này. Nếu bạn cài đặt trên host thật thì nó sẽ là địa chỉ của host bạn. Ví dụ như tôi có host của mình http://www.dctuit.com khi đó tôi sẽ vào địa chỉ http://www.dctuit.com/Joomla15 Thành phần Jooml15 ý chỉ đến thư mục chứa Joomla. Nếu bạn chép source vào trong thư mục gốc thì không có phần sau này.

Nếu làm đúng các bước trên bạn sẽ thấy xuất hiện phần Choose Language như hình dưới đây, bấm nút Next để tiếp tục.

Chắc các bạn đang thắc mắc là tại sao tôi lại nói nhiều về các vấn đề khác như từ đầu đến giờ, mặc dù cuốn sách sẽ hướng dẫn cách quản trị website với Joomla. Nhưng điều mà tôi nới từ những bài trước sẽ không thừa chút nào. Nó sẽ giúp các bạn làm quen cơ bản nhất, có một khái niệm sơ khởi trước khi đi vào sử dụng Joomla. Và nếu như bạn đã lỡ nông nóng xem trước bài viết này thì tôi khuyên bạn nên dừng lại và xem từ đầu. Bởi vì tôi sẽ không lặp lại những khái niệm phía trên.


53

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Tiếp tục bạn thấy xuất hiện bảng thông tin kiểm tra hệ thống như sau:

Tại bảng này bạn không cần quan trọng các thông số ở khung phía dưới. Nhưng nếu bất kỳ một thành phần nào đó khung phía trên hiện màu đỏ thì bạn hãy dừng lại để kiểm tra. Nếu ổn thỏa bạn bấm Next.

Một trang văn bản toàn tiếng anh chính là thông tin luật bản quyền mà bạn nên xem nếu có điều kiện. Bấm Next để qua tiếp.

Phần thông tin sắp khai báo trong phần này khá là quan trọng, nên bạn cần xem kỹ. + Đầu tiên là thông số Database Type dùng để chọn kiểu CSDL. Ở đây bạn sẽ chọn là

MySQL. + Host Name: Cho biết tên hoặc địa chỉ của Host. Mặc định và thường dùng nhiều nhất

là localhost. Và ở đây tôi cũng chọn là localhost. + Mục User Name: yêu cầu bạn cung cấp user để đăng nhập vào CSDL. Bạn điền root

nếu đang dùng localhost. + Tương tự thì mục Password bạn nhập mật khẩu truy cập CSDL. + Trong mục Dataname bạn điền vào tên của CSDL bạn đã tạo dùng để chứa dữ liệu

của website. Tôi sẽ khai báo là Joomla_data. Bấm Next để chuyển qua bước tiếp theo.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước tiếp theo bạn khai báo thông số kết nối FTP dùng cho việc truyền file lên host. Thông số này không quan trọng bạn có thể Next để bỏ qua.

Đây là phần khai báo thông tin cho website mà bạn sắp tạo ra.


55

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

+ Site Name: Tên của website do bạn tự đặt.

+ Your Email: Là địa chỉ email của admin.

+ Admin Password và Confirm Admin Password : Khai báo mật khẩu của quản trị viên. Mặc định user name là Admin.

+ Instal default sample data : Lựa chọn có cài đặt CSDL mẫu hay không. Nếu bạn đang bắt đầu cho một website mới thì không nên. Nếu bạn đang thực hành thì bạn nên chọn Install Sample Data.

Bạn bấm Next ở bước trên sẽ nhận được một thông báo cho biết quá trình cài đặt hoàn tất. Và nó đưa ra một yêu cầu nhỏ là bạn cần phải xóa thư mục Installation trong thư mục nguồn của Joomla đi. Bạn mở thư mục Joomla15 xóa thư mục Installation đi, và quay trở lại trình duyệt bấm Site.

Trang web của bạn đã hoàn tất với giao diện và dữ liệu cơ bản như sau :


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Để vào trang quản trị dành cho admin bạn truy cập http://localhost/Joomla15/Administrator Một yêu cầu xác thực tài khoản hiện ra, bạn cứ nhập user là Admin, còn password là do bạn đã khai báo từ trong quá trình cài đặt.

Cuối cùng bạn vào được trang Admin, nơi mà bạn thi hành « uy quyền » của mình.

Sau khi cài đặt bạn mở lại PHPMyAdmin vào CSDL của mình sẽ thấy các Table đã được tạo ra.

Có một lỗi bạn thường thấy khi máy tính không kết nối internet « Error loading feed data » Bạn không cần bận tâm đến nó.


57

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 3 : GIỚI THIỆU GIAO DIỆN LÀM VIỆC CỦA ADMIN

I: GIAO DIỆN LÀM VIỆC Giao diện làm việc của Admin thì được gọi là Back-end. Để vào trang quản trị admin bạn truy cập địa chỉ http://localhost/Joomla15/administrator Bạn sẽ thấy giao diện làm việc như hình bên dưới.

Có thể chia giao diện làm việc ra 2 phần. Phần phía trên là menu chính chứa toàn bộ những công việc mà bạn sẽ thực hiện. Phần phía dưới là vùng hiển thị các tác vụ khi bạn chọn menu tương ứng.

Control Panel

Bạn vào menu Site > Control Panel để vào phần này. Để xem chúng ta sẽ làm được gì trong phần này.

Trên hình bạn nhìn thấy phần Control Panel chứa những công cụ cần thiết nhất cho việc quản trị đã được liệt kê sẵn trong đây. Mục đích của việc này giúp chúng ta nhanh chống đến một tác vụ nào đó.

Phía bên tay phải liệt kê những thống kê về tình hình hoạt động của website.

Logged in Users Hiển thị những user nào đang đăng nhập vào website. Bạn sẽ quay trỡ lại vấn đề về quản lý

user trong những bài sau.

Popular


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Chứa những bài viết phổ biến nhất, tức là bài viết được xem nhiều nhất.

Recent Added Articles Phần này cho chúng ta xem qua những bài viết vừa được viết. Trong trường hợp website của

chúng ta được quản trị bỡi nhiều người thì mục này rất hữu ích.

Menu Stats Cho biết hiện tại website của bạn có những menu nào đang được public.


59

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Joomla! Security Newsfeed Joomla sẽ đưa ra những cảnh báo về tình hình bảo mật của website tại đây. Bạn sẽ có cơ hội

tìm hiểu kỹ hơn vấn đề bảo mật cho Joomla trong những bài sau.

II: HỆ THỐNG MENU Bây giờ chúng ta sẽ cùng điểm qua giao diện của hệ thống menu trong trang Admin.

Site: Chứa những mục cấu hình cho website

Menus: Dùng để quản trị menu


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Content : Quản trị các thành phần nội dung website

Components: Sử dụng các thành phần mở rộng

Extensions: Quản lý các thành phần mở rộng

Tools: Chứa các công cụ cài sẳn phục vụ cho admin.


61

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 4: CẤU HÌNH CƠ BẢN CHO WEBSITE

Bạn vào Site > Global Setting, tại đây chúng ta có một vài thiết lập cơ bản sau:

Trong thẻ Site ta có thiết lập Site Settings

Site Offline: Chọn yes nếu muốn ngưng hoạt động website. Trong vài trường hợp, khi website của bạn cần đóng cửa để nâng cấp, bạn thêm vài dòng thông báo nữa vào trong trường Iffline Message. Đại loại như là “Website chúng tôi đang tạm ngừng hoạt động, xin vui lòng quay lại sao…”.

Site Name: Nếu muốn định nghĩa lại tên của website thì chúng ta cấu hình tại đây.

Các thông số khác bạn sẽ gặp lại trong những bài sau.

Thiết lập Metadata Settings cung cấp cho chúng ta vài thông số tùy chọn sau:

Global Site Meta Description: Không quan trọng gì lắm, đây chẳng qua là phần mô tả cho website.

Global Site Meta Keywords: Trong trường hợp trang web của bạn public lên internet thì những từ khóa trong đây sẽ giúp cho website của bạn lọt vào “mắt xanh” của những trình tìm kiếm.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Show Title Meta Tag: Cho phép xem tag khi mở một bài viết. Tag là những từ khóa liên quan trong đến bài viết do bạn định nghĩa. Khi bài viết được mở thì tag xem hiện kèm theo phía dưới nếu bạn chọn thông số này là Yes.

Show Author Meta Tag: Cũng tương tự như Title meta tag nhưng bây giờ là dành cho tác giả của bài viết. Bạn sẽ gặp lại những định nghĩa này trong những bài sau.

Còn nhiều Setting khác, nhưng việc sử dụng nó không dễ chút nào. Bạn sẽ lần lượt gặp lại chúng trong những bài kế tiếp. Bây giờ bạn đừng nên chỉnh sửa gì nữa ngoài những gì tôi vừa hướng dẫn. Nếu không nghe theo, có thể website của bạn ngay lập tức bị lỗi.


63

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

CHƯƠNG 3: QUẢN LÝ BÀI VIẾT TRONG JOOMLA

–&—

BÀI 1: QUẢN LÝ SECTION I: GIỚI THIỆU Như đã định nghĩa trong bài trước Section là thư mục cha chứa bài viết. Để có một bài viết bạn bắt buộc phải tạo trước một section. Trong sách này, ở bài trước khi cài đặt Joomla tôi đã chọn cài dữ liệu mẫu nên bạn có thể thấy một vài menu, và bài viết đã có sẵn tại đây. Nếu không cài dữ liệu mẫu thì trang web sẽ là một trang trắng.

Nếu nhìn vào website lúc này, bạn đừng vội trả lời đâu là section, đâu là category. Nguyên nhân tại sao thì đọc xong cuốn sách này bạn sẽ rõ.

II: TẠO MỚI SECTION Bây giờ chúng ta sẽ tạo mới một Section theo từng bước như sau:

Để vào trình quản lý Section bạn vào menu Content > Section Manager. Hoặc vào Control Panel > Section Manager

Bạn thấy giao diện làm việc như sau:

Để tạo mới Section bạn chọn New. Giao diện Section New mở ra như bên dưới. Title: Điền tên cho Section vào đây. Alias: Có nghĩa là tên định danh. Tên này dùng trong trường hợp bạn tối ưu hóa

website. Chúng ta sẽ cùng tìm hiểu về tối ưu hóa website trong những bài kế tiếp. Public : Bạn nhớ chọn Yes để cho biết Section này được đưa vào hoạt động.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Access Level : Mặc định là Public có nghĩa là section dành cho mọi người. Nếu bạn chọn Registered thì chỉ có thành viên đăng ký mới xem được.

Image và Image Postions : Cho phép chọn một tấm ảnh đại diện và vị trí của ảnh đó trong section.

Hoàn tất thì bạn bấm nút Save. Chương trình sẽ quay về trang quản trị section, và bạn có thể thấy section đã có.

III : QUẢN LÝ SECTION Để thực hiện một tác vụ nào đó lên section bạn cần check vào dấu kiểm trước section đó.

Xóa section

Để xóa section bạn chọn nó và bấm Delete. Bạn chỉ được phép xóa section đó nếu bên trong nó là rỗng. Tức là không có Catagory và cũng không có bài viết.

Chỉnh sửa

Để chỉnh sửa bạn click vào section cần sửa hoặc chọn nó và bấm Edit

Thay đổi thuộc tính

Bạn có thể thay đổi thuộc tính Public hoặc Unpublic bằng cách chọn vào section cần thay đổi và bấm nút tương ứng.

Sao chép

Trong phần Alias bạn nên điền lại Title nhưng không bỏ dấu tiếng việt, và dấu cách thay bằng dấu gạch ngang. Ví dụ như Title là Công Nghệ Thông Tin thì Alias nên là cong-nghe-thong-tin


65

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Để thực hiện sao chép section bạn cũng chọn section và bấm Copy. Trang tiếp theo mở ra, bạn điền tên mới section, rồi chọn Save. Việc copy này sẽ sao chép toàn bộ Category và Article có trong section đó.

BÀI 2 : QUẢN LÝ CATEGORY I : GIỚI THIỆU Dưới cấp độ của Section là Category. Muôn có một category thì trước tiên bạn cần có section trước.

II : TẠO MỚI CATEGORY Cũng tương tự để vào được trang quản lý Category bạn vào Content > Category Manager

Để tạo mới bạn cũng bấm nút New trong trình quản lý category. Tại đây bạn cũng cung cấp các thông số quen thuộc như Title, Alias…

Một thông số quan trọng chính là Section. Thông số này yêu cầu bạn cho biết section nào sẽ chứa category này.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

III : QUẢN LÝ CATEGORY Ngoài những tác vụ quen thuộc như Edit, Delete, Copy thì trong Category còn có thêm

một công việc nữa là Move. Điều này cho phép bạn duy chuyển một category từ section này sang một section khác.

Trong trường hợp dữ liệu của bạn quá nhiều, thì chức năng Filter bắt đầu phát huy tác dụng. Nó cho phép lọc những thông tin theo điều kiện. Ví dụ như trong Category này, bạn có thể lọc những category trong một section nào đó.


67

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 3 : QUẢN LÝ BÀI VIẾT I : THÊM MỚI BÀI VIẾT Để vào trình quản trị bài viết bạn vào Contents >Article Manager, giao diện của phần quản trị Article hiện ra cũng giống như giao diện của trình quản trị khác.

Để thêm bài viết mới bạn bấm New. Đảm bảo rằng bạn đã tạo xong Section và Category chuẩn bị chứa bài viết của mình. Trang web mở ra là trình soạn thảo bài viết, chúng ta sẽ nhập bài viết của mình vào đây.

Trình soạn thảo hiện tại khá là đơn giãn và dể sử dụng, với những định dạng cơ bản. Hai thông số mà bạn phải chú ý đến chính là Section và Category, nó yêu cầu bạn chỉ định Section và Category sẽ chứa bài viết này.

Thông số Published bạn chọn yes để quyết định rằng bài viết này sẽ đưa ra công chúng. Thông số Front Page bạn chọn No để quyết định bài viết không hiển thị ở trang chủ. Điều này có nghĩa là để xem được bài viết thì người xem phải vào tậng trong Category tương ứng thì mới thấy bài viết.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Hoàn tất việc biên tập bạn bấm Save, có thể bấm Preview để xem thử bài viết.

II : QUẢN LÝ BÀI VIẾT Việc quản lý được thực hiện tại trình quản trị bài viết, cũng tương tự như các phần quản trị khác với những chức năng cơ bản Edit, Copy, Move, Publish…bạn còn có thêm vài lựa chọn khác :

Archive và Unarchive : Hai lựa chọn này cho phép thay đổi thuộc tính lưu trữ hoặc không. Thuộc tính lưu trữ có nghĩa là bài viết sẽ không được hiển trị ở trang chủ nữa, mà thay vào đó nó được cất trong Database. Việc này khác với việc xóa bài viết bằng chức năng Trash.

Bạn cũng dễ dàng thay đổi các thuộc tính Publish và Front Page bằng cách click vào những biểu tượng dấu check hoặc uncheck trong từng cột tương ứng.

Tại trang quản trị này bạn còn biết được số lượt xem bài viết bằng thông số Hits.

III : CẤU HÌNH CÁC THÔNG SỐ CHO BÀI VIẾT Khi biên soạn bài viết bạn xem bên trái có một cột các thông số thiết lập. Bây giờ chúng ta cùng khảo sát các thông số này.

Paramenters (Article) dùng cho những thiết lập căn bản

Author: chọn tác giả của bài viết trong combobox. Mặc định là tên đang đăng nhập, nhưng bạn có thể đổi lại tên khác.

Author Alias: Một tên khác cho tác giã. Thông số này giải quyết vấn đề tác giả muốn đổi tên. Khi đó người viết bài dùng tài khoản đăng nhập này, nhưng viết bài cho người khác.


69

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Access Level: Có ba chế độ về quyền cho bài viết. Chọn public khi bạn quyết định ai cũng xem được bài này. Chọn Registered khi chỉ có thành viên mới xem được.

Creared Date: Là ngày viết bài, nó là mặc định ngày giờ hiện tại. Start Publishing: Chỉ thêm ngày sẽ xuất bản bài viết này. Trong trường hợp bạn lên lịch viết

bài trước chẳng hạn. Finish Publishing: Chỉ định ngày kết thúc, tức hạn chót của bài viết này. Bạn gõ vào Never

khi đã quyết định bài viết không bào giờ hết hạn.

Paramenters Advanced

Đây là những thông số nâng cao dành cho bài viết. Show title: Hiển thị tên tiêu đề của bài viết hay

không. Title linkable: Tiêu đề có khả năng liên kết hay

không Intro Text: Có hiển thị phần tóm tắt bài viết hay

không. Section name: Hiển thị section của bài viết đó hay

không. Section Title Linkable: Tiêu đề của Section có khả

năng liên kết hay không. Category name: Hiển thị category hay là không Category Title Linkable: Category có khả năng

liên kết hay không. Article Rating: Cho phép chấm điểm cho bài viết

theo sao hay không. Author Name: Có hiển thị tên tác giả hay không Created Date and Time: Hiển thị ngày giờ tạo bài viết. PDF Icon, Print Icon, Email Icon : Đồng ý cho hiển thị các icon tương ứng hay không. Alternative Read More: Đoạn text sẽ thay thế chữ Read More… Tại mỗi thông số chúng ta có 3 lựa chọn là Yes, No, và Use Global. Vậy lựa chọn Use Global

là gì?. Có nghĩa là sẽ sử dụng theo cấu hình đã thiết lập trước. Để thiết lập trước những thông số này cho toàn bộ hệ thống bạn quay trở ra trang quản trị bài viết, chọn vào chức năng Paramenters.

Khi đó trang thiết lập các thông số sẽ mở ra. Bạn chỉ việc lựa chọn Yes hoặc là No trong đây,

và nó có ảnh hưởng đến những thiết lập trong bài viết sử dụng tùy chọn Use Global.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

IV: TẠO BÀI VIẾT NÂNG CAO

Tạo bài viết có Read More…

Một bài viết quá dài đặt ở trang chủ sẽ làm mất vẽ thẳm mỹ của trang web. Thường khi vào một trang web nào đó bạn luôn thấy read more… và click vào đó thì nội dung đầy đủ sẽ hiện ra.

Để làm điều này bạn thực hiện như sau: Khi đã soạn viết, bạn đặt con trỏ tại vị trí muốn chèn Read More, kéo chuột xuống dưới bạn thấy có chử Read More, click vào đó. Khi đó tại vị trí con trỏ sẽ xuất hiện một đường nét đứt màu đó. Đó chính là biểu thị cho read more

Tạo bài viết nhiều trang

Đôi khi thì bài viết của quá dài, việc kéo thanh trượt về “tậng cùng” để xem hết bài viết là điều không nên chút nào. Như vậy chúng ta có nhu cầu ngắt bài viết ra nhiều trang, mỗi trang có một phần vừa phải.

Cũng tương tự như read more ở đây chúng ta sử dụng chức năng Pagebreak. Đặt con trỏ tại vị trí muốn ngắt trang và bấm Pagebreak, đặt tên cho trang mới nữa là xong. Khi đó bạn thử bài viết của mình, sẽ liên kết Next và Prev ở cuối mỗi trang.

Chèn hình ảnh vào bài viết

Đây là nhu cầu không thể thiếu đối với website. Bạn có hai cách chèn ảnh vào bài viết như sau:

Cách thứ nhất là trên thanh công cụ của trình soạn thảo văn bản bạn click vào Inser/ Edit image


71

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Một cửa sổ Images mở ra, bạn đưa đường dẫn đến file ảnh vào trường Image URL. Và tùy chỉnh các thông số thích hợp, sau cùng thì bấm Insert.

Image Description : mô tả cho bức ảnh

Alignment : Canh chỉnh vị trí của anh so với văn bản

Dimensions : Thay đổi kích cở.

Border : Viền cho ảnh.

Với cách chèn này bạn có thể chèn ảnh từ URL của một website khác. Để chèn ảnh từ website của mình bạn thực hiện theo cách thứ hai. Bấm vào nút Image ở dưới khung soạn thảo.

Ảnh của bạn cần upload lên host thì mới chèn bằng chức năng này. Bạn sẽ tìm hiểu về quản lý đa phương tiện ở bài sau. Còn bây giờ bạn chỉ cần biết là chúng ta cần duyệt đến thư mục chứa ảnh, chọn một bức ảnh và bấm Insert. Bạn có thể tải lên một tấm ảnh bằng cách bấm nút Browse.. để chọn ảnh và bấm Start Upload để bắt đầu tải lên. Lưu ý là khi tải anh lên bạn cũng nên chọn vị trí lưu ảnh thích hợp.

Tạo bài viết có Intro text khác Full text.

Bây giờ bạn hãy thử ghé qua trang web www.tuoitre.com.vn Ta thấy phần text giới thiệu của bài viết có định dạng text và kích cở ảnh minh họa hoàn toàn khác với định dạng trong phần full text.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Để làm điều này bạn cũng soạn bài viết như bình thường. Nhưng tại ví trí mà chúng ta đặt Read more bạn tạo thành hai phần. Tức là bạn copy thêm một đoạn intro khác, và cố gắn định dạng nó khác với phần nội dung bên dưới read more. Bạn có thể thấy trên hình minh họa.

Tiếp tục bản mở phần cấu hình các thông số cho bài viết và chọn Intro Text thuộc tình Hide. Hãy thử xem bài viết của mình. Đây là Intro text

Đây chính là phần Full text


73

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 4: QUẢN LÝ ĐA PHƯƠNG TIỆN HƯỚNG DẪN QUẢN LÝ ĐA PHƯƠNG TIỆN

Đa phương tiện (Multimedia) ở đây bao gồm cả picture, video, audio. Để quản lý cả khối những thứ bạn có thể thực hiện tại Media Manager.

Để vào trình quản lý đa phương tiện bạn vào menu Site > Media Manager, hoặc click vào biểu tượng Media Manager trong control panel.

Tiếp tục là giao diện làm việc của trình quản trị đa phương tiện.

Tại đây bạn có thể upload lên những file mới, bằng cách bấm Browse để chọn đến file cần tải

lên trong máy tính, và bấm Start Upload.

Bạn lưu ý là dung lượng tối đa của file là 10MB, nhưng bạn có thể cấu hình lại tùy chọn này.

Bạn vào Global Configuration, tab System, vùng Media Settings.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Thông số Maximum Size bạn định nghĩa lại kích thước tối đa cho file tải lên, dung lượng tính

bằng byte. Thông số trong Legal Extensions bạn có thể định nghĩa những định dạng file nào được phép tải tên.

QUY ĐỊNH THƯ MỤC LƯU TRỮ Theo quy định thì hình ảnh và video bạn tải lên và muốn nó có thể xem được thì bạn phải đưa

nó vào thư mục Stories. Vì thế khi tải ảnh lên bạn cần đưa vào đúng thư mục này. Hãy xem lại đừng dẫn trong trường files chúng ta thấy có sự kỳ lạ ở đây C:\xampp\htdocs\Joomla15\images/stories Tại sao trước thư mục stories lại dùng sắc xuyệt

trái. Đây chỉ là quy định chung. Chúng ta phân biệt hai loại đường dẫn sẽ thấy sự khác biệt. Đó là đường dẫn tuyệt đối, và đường dẫn tương đối. Ví dụ ta có đường dẫn C:\xampp\htdocs\Joomla15 đây chính là đường dẫn tuyệt đối, dẫn đến thư mục Joomla15. Tuy nhiên khi các file trong Joomla15 tham chiếu đến nhau, chúng không viết lại toàn đường dẫn này mà chỉ viết /stories/picture.jpg để tham chiếu đến file picture.jpg trong thư mục stories, là thư mục con của của Joomla15.

Để tạo một thư mục mới bạn điền tên thư mục mới vào text sau tên đường dẫn của trường file, và bấm Create Folder

BÀI 5: QUẢN LÝ USER QUẢN LÝ USER VÀ TẠO MỚI USER

Để thực hiện việc quản lý thành viên bạn vào Site > User Manager.


75

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Mặc định trong Joomla phân User thành từng Group, và bạn không thể thêm hay sửa group này một cách bình thường được. Mỗi group đều đã được phân quyền cụ thể. Có hai nhóm quyền là nhóm thành viên bên ngoài, tức là Front-End, và nhóm quản trị bên trong Back-end. Một tài khoản back-end có thể đăng nhập ở front-end, nhưng ngược lại thì không được.

Để thêm mới thành viên bạn chọn New, điền thông tin cho thành viên cần thêm, chọn thêm quyền cho thành viên đó trong trường Group.

Bên trái bạn xem các thiết lập cho user này, và bạn thấy một dòng chữ tô vàng bên dưới No contact details linked…Tại sao như vậy? Khi học đến bài vể Module, bạn sẽ biết cách tạo ra một danh sách các liên hệ, và có thể liên kế nó đến thành viên này.

Đối với một trang web tin tức, thì việc nhận bài viết từ các thành viên là chuyện hết sức cần thiết. Thành viên sẽ post bài từ trang chủ chứ không vào trang admin. Như vậy nhu cầu của chúng ta là làm sao để thành viên click vào đâu đó trên trang chủ thì mở ra một trang viết bài mới. Vấn đề này được giải quyết ở những bài sau.

PHÂN QUYỀN TRONG JOOMLA

Phân quyền Joomla! ở tiền sảnh (front-end)

Ở phần tiền sảnh, Joomla! chia làm 5 nhóm người dùng tương ứng với 5 mức truy cập khác nhau:

Guest (Khách): Là những người truy cập, sử dụng website nói chung, họ không sở hữu tài khoản nào trên hệ thống Joomla!

Registered (Thành viên): Là khách sau khi đăng ký vào của hệ thống Joomla! và trở thành thành viên chính thức của hệ thống.

Author (Tác giả): Là thành viên có quyền đăng bài hoặc đăng một vài thứ khác mà hệ thống cho phép (chẳng hạn như weblink)

Editor (Người biên soạn): Là thành viên có quyền đăng, kiểm duyệt và chỉnh sửa tất cả các bài viết (thậm chí cả những bài viết không phải của họ)


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Publisher (Người xuất bản): Là người biên soạn, ngoài ra có thêm quyền quyết định việc phát hành các bài viết (chính thức xuất bản lên Website hay không)

Phân quyền Joomla! ở hậu sảnh (back-end)

Ở phần hậu sảnh, Joomla! chia làm 3 nhóm tài khoản với 3 mức độ quyền hạn khác nhau: Manager (Người quản lý): Là tài khoản có quyền thực hiện các thao tác quản lý cơ bản (quản

lý menu, quản lý bài viết...). Administrator (Quản trị viên): Là tài khoản có quyền thực hiện mọi thao tác, trừ việc quản lý

thông tin cấu hình hệ thống, quản lý giao diện, quản lý ngôn ngữ, quản lý các tài khoản siêu quản trị.

Super Administrator (Siêu quản trị): Là tài khoản có đặc quyền cao nhất, có thể thực hiện mọi hành động.


77

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

CHƯƠNG 4: LÀM VIỆC CƠ BẢN VỚI CÁC THÀNH PHẦN MỞ

RỘNG –&—

BÀI 1: CÀI ĐẶT CÁC THÀNH PHẦN MỞ RỘNG

Có 5 thành phần mở rộng trong Joomla, và được gọi chung là Extensions. Những thành phần mở rộng này bao gồm Component, Module, Plugin, Template, Languages.

Do Joomla là một hệ mã nguồn mở, nên rất nhiều sử dụng nó. Họ đã phát triển rất nhiều các thành phần mở rộng này, mà bạn không cần phải xây dựng lại. Bạn có thể dễ dàng tìm thấy chúng tại website http://extensions.joomla.org và nhiều website khác nữa.

CÁCH CÀI ĐẶT EXTENSIONS Để bắt đầu cài đặt mới một extension bạn vào menu Extension > Install/Uninstall. Trang web mới mở ra có tên là Extension Manager. Sử dụng tab Install để phục vụ cho việc cài đặt mới một Extension.

Cấu trúc gói cài đặt

Extension được đóng gói dưới dạng *.zip, bên trong nó có nhiều file khác nhau, và việc tìm hiểu cấu file này sẽ dành cho phần Joomla Nâng Cao của cuốn sách này.

Các hình thức cài đặt

Có 4 cách cài đặt mà bạn có thể sử dụng để cài một extension mới như sau :


79

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Cài từ URL dẫn đến file Điều này có nghĩa là bạn có một URL dẫn đến file ZIP, thay vì download về thì bạn chỉ cần

nhớ URL này. Trong phần Install from URL bạn hãy điền nó vào trong Install URL và bấm nút Install. Quá trình download và chuyển file lên server sẽ được tiến hành trong vài phút. Tuy nhiên để sử dụng được tính năng này đòi hỏi bạn phải cấu hình FTP cho website của mình.

Để cấu hình FTP bạn vào Site > Global Configuration> Tab System, trong phần FTP Setting bạn khai báo các thông số sau đây.

Đảm bảo chọn Yes cho Enable FTP để bật tính năng FTP cho website. FTP Host: Là địa IP hoặc host name FTP dẫn đến server FTP. Ví dụ tôi có địa chỉ

server của tôi là ftp.byethost.com chẳng hạn. Thông thướng sẽ dùng IP. FTP Port: Để mặc định là 21 FTP Username : Tên tài khoản dùng để đăng nhập server FTP Password : Mật khẩu đăng nhập FTP Server. FTP Root: Đường dẫn đến thư mục chứa web trên server. Lưu ý đường dẫn này là

tương đối.

Cài đặt bằng thư mục TMP Tmp là thư mục lưu tạm thời trong thư mục cài đặt của Joomla. Trong bài này tôi sẽ minh họa cài một Extension bằng cách giải nén gói cài đặt thành một thư mục, sau đó bạn copy thư mục này vào thư mục /Joomla15/tmp. Ví dụ tôi sẽ có thư mục ABC chứa gói cài đặt extension. Khi đó bạn quay trở vào Install extension, trong vùng Install From Directory, điền đường dẫn này vào /Joomla15/tmp/ABC, và bấm Install.

Cài đặt từ gói cài đặt Đó chính là nội dung trong vùng Upload Package File. Vấn đề là chúng ta cần có một gói cài đặt dạng Zip, sau đó bấm Browse để chỉ đến nơi lưu tập tin này trên máy tính, và bấm Upload File and Install. Quá trình upload sẽ tự động, và tiến hành cài đặt.

Upload bằng giao thức FTP Các bạn sẽ thắc mắc là các file mà chúng ta upload lên năm ở đâu. Bây giờ bạn mở thư mục /Joomla15 lên thử xem sao. Trong đây bạn sẽ tìm thấy các thư mục Modules, Plugins, Components, Templates, Languages ứng với mỗi thư mục như vậy là nơi lưu trữ của một thành phần mở rộng. Như vậy cách thứ 4 để cài đặt các thành phần mở rộng là bạn hãy dùng


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

giao thức FTP để tải lên các gói cài đặt vào vị trí tương ứng. Tuy nhiên bạn cần xác định tên của nó cho chính xác.

BÀI 2: TEMPLATE

Sau khi đã có cho mình một trang web, chúng ta bắt đầu có tham vọng làm một trang web đẹp. Điểm mạnh của Joomla chính là ở chổ các bạn có thể xây dựng một template độc lập, thay vì phải xây dựng lại từ đầu. Đó chính là ưu điểm của web động.

Sau khi cài đặt trang web xong Joomla cung cấp cho chúng ta ba template mẫu, rất đơn giãn. Nhưng củng từ ba template này chúng ta có thể phát triển lên thành template riêng của chúng ta.

HƯỚNG DẪN CÀI ĐẶT TEMPLATE

Bước 1: Download template cho Joomla

Bạn có thể tìm template cho Joomla! bằng từ khóa "Joomla template", "Template Free" and "Joomla" ... để tìm một template phù hợp.

Bước 2: Tiến hành cài đặt

Mở menu Extensions -> Install/Uninstall

Nhấn lên nút Browse..., chọn template mà bạn vừa download (được đóng gói trong một file zip hoặc gz) sau đó nhấn lên nút Upload file & Install

Trong cả ba cách cài đặt thì cách cài thứ ba, tức là upload một package lên rồi cài đặt thì dễ dàng nhất. Và tôi khuyên bạn nên chọn cách thư ba.


81

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 3: Thiết lập template mới cài đặt thành template mặc định

Vào Extensions > Template Manager để quán lý các template tại đây. Có dạng dạng template được phần biệt rõ là Template cho người dùng nằm ở tab Site và template cho admin ở tab Administrator

Để dùng template nào bạn đánh dấu check vào tên của template đó và bấm Default.

Bấm vào một template, hoặc check nó và bấm Edit, thì một trang web với các tùy chọn cho template sẽ hiện ra. Tùy vào template mà nó những tùy chọn nào.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

CẤU TRÚC GÓI CÀI ĐẶT CỦA TEMPLATE Một gói cài đặt template Joomla gồm các file bắt buộc sau:

File "index.php"

File này gồm các mã lệnh PHP, thẻ <head>, thẻ <body> và các bảng <table> hoặc các thẻ <div>để định vị các module và tạo nên bố cục của template.

File "templateDetails.xml"

Được sử dụng trong quá trình cài đặt. File này chứa các thông số về template và giúp Joomla! biết được trong quá trình cài đặt cần tạo các thư mục và truyền các file css, php, ảnh nào lên thư mục templates.

File "template_css.css" hoặc "template.css"

Joomla 1.0.x sử dụng file template_css.css còn Joomla 1.5 sử dụng file template.css. Đây chính là CSS chính của Joomla. File này kết hợp với index.php để tạo nên template.

File "template_thumbnail.png"

File này chính là ảnh chụp minh họa của template. Nó giúp bạn dễ hình dung khi lựa chọn template hoặc trong phần quản trị hoặc ở mặt tiền của Website (nếu bạn cho phép mọi người có thể tùy chọn template)

Các thư mục và file khác.

Ngoài các file chính nói trên trong gói cài đặt template có thể có thêm thư mục CSS để chứa các file CSS bổ sung, thư mục ảnh để chứa các ảnh được sử dụng cho template, thư mục javascript để chứa các javascript (nếu có)...

TẬP HỢP CÁC TRANG CUNG CấP TEMPLATE FREE

Dưới đây là một số Website mà các thành viên của JoomlaViet.Org đã tập hợp:

http://www.joomvision.com/demo.php

http://www.djoomla.com

http://www.ty2u.com

http://www.joomlart.com

http://www.joomlashack.com

http://www.mambohut.com

http://www.joomladesigns.co.uk

http://www.joomla-templates.com

http://templates.joomlaya.com

http://www.compassdesigns.net

Index.php templateDetails.xml Template_css.css hoặc template.css Template_thumbnail.png

BÀI 3: MODULE Để cài đặt một module bạn cũng thực hiện tương tự như cài một extension thông thường. Vấn đề đầu tiên là bạn cần tìm và tải về những module mình cần thiết. Bạn có thể tìm và tải các module từ http://extensions.joomla.org

Bạn vào Extension > Module Manager để quản lý các module. Chúng ta cần bàn luận về vị trí của các module này trên website của mình. Để xem vị trí của các module trên template bạn chỉ cần thêm đoạn "?tp=1" hoặc "index.php?tp=1" sau vào phía sau tên domain của bạn. Ví dụ http://localhost/joomla15/?tp=1

Trở lại trang quản lý module bạn có thể tắc hoặc mở một module bằng cách chọn tắt hoặc mở thuộc tính Enable.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Module cũng được chia thành hai loại, loại dạnh cho trang web gọi là Site và loại dành cho admin gọi là Administrator.

TẠO MỚI MỘT MODULE Để tạo mới bạn chọn New, tiếp tục chọn một module bạn muốn tạo ra, phải cài đặt module đó

trước thì mới có trong đây.

Vùng Details chúng ta cùng khảo xát vài thông số sau:

Module Type: Cái này bạn không sửa, nó cho biết loại module bạn chuẩn bị tạo ra.

Title: Bạn điền vào tiêu đề của module.

Position: Chọn vị trí của module này trên website.

Bạn quan sát tiếp vùng Menu Assignment, vùng này định nghĩa những nơi sẽ xuất hiện module. Chọn All cho tất cả, None khi không cho xuất hiện, Seclect Menu…để chọn từng menu khác nhau.


85

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Chúng ta còn có vùng Paramenters với các thông số thiết lập. Tùy vào loại module mà có các tùy chọn khác nhau. Khi qua bài sử dụng module thực tế bạn sẽ hiểu rõ các thông số.

BÀI 4: PLUGIN Cũng tương tự như Module bạn vào Extension > Plugin Manager để quản lý các plugin của mình, Nhưng khác với module là plugin chỉ có một duy nhất. Bạn không tài nào tìm thấy nút New để tạo mới một plugin được.

Bạn chỉ có một công việc đối với plugin là Enable nó lên khi cần thiết. Bằng cách check vào vào cột Enable. Việc sử dụng plugin vô cùng cảnh giác, vì nó là một đoạn mã chạy nền bên trong trang web, nên đây chính là nơi mà hacker ngấm ngầm tấng công. Điều này cũng giống như virus trên máy tính. Nếu không cẩn thận có thể bạn sẽ cài vào một plugin chứa mã thực thi nguy hiểm.

PHÂN LOẠI PLUGIN Nếu như module phân loại theo vị trí module và loại module thì ở plugin phân loại thực hiện theo chức năng của plugin này. Và nó chỉ có vài loại mà thôi:

Authentication: Loại plugin này phục vụ cho quá trính chứng thực, và đăng nhập của thành viên.

System: Loại plugin chạy nều trong hệ thống, phục vụ cho quá trình vận hành hệ thống. Content: Phục vụ cho phần hiển thị nội dung của trang web Editor: Plugin chuyên trách trong việc sử dụng trình soạn thảo văn bản. Search: Những đoạn code làm tôi ưu hóa tìm kiếm User: Code làm nhiệm vụ phục vụ cho việc sử dụng, quản lý thành viên. XML-RPC: Loại plugin đặc biệt cho các code XML.

Tên loại module (Module type) và tên thư mục chứa module phải trùng nhau, và bắt buộc tiền tố Mod_ ở đầu.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 5: KHAI THÁC COMPONENT Component là thành phần hấp dẫn nhất trong Joomla. Nhờ có component mà chúng ta có thể

làm được nhiều việc hơn từ việc tạo một trang web thương mại điện tử, đến trang tin tức và những trang web âm nhạc. Trong bài này tôi sẽ nói lại việc cài đặt compont nữa, vì việc cài đặt nó cũng giống như cài những extension khác mà thôi. Tôi sẽ đi vào hướng dẫn các bạn sử dụng các component hữu ích được cung cấp sẵn trong Joomla, và bài tiếp theo sẽ là những component khác mạnh mẽ hơn.

Việc sử dụng component thường đi kèm với Module và plugin. Vì component không thể hiển thị nội dung ra trang web được, nó chỉ thực hiện quản trị nội dung mà thôi.

I : Banner Banner là component dùng để quản lý việc đăng quảng cáo trên trang web của bạn. Điều này

xuất phát từ nhu cầu thực tế khi trang web của bạn muốn tăng doanh thu từ việc quảng cáo.

1 : Các cấp độ quản lý

Cũng giống như một Article, trước khi tạo ra một bảng quảng cáo trên lên trang web thì bạn cần có các cấp độ phía trên nó để quản lý. Ở banner ta có các cấp độ Categories, Client, Banner. Tuy nhiên giữa Categories và Client không có quan hệ với nhau,cả hai cùng có một liên kết với Banner.

2 : Để tạo một bảng quảng cáo

Thực hiện theo tứng bước sau :

Tạo Categories :

Vào Componetns > Banner > Categories.

Chọn New, và điền thông số quen thuộc như Title, Alias, Images…


87

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Tạo Client: Vào Componetns > Banner > Clients

Chọn New, điền các thông tin yêu cầu.

Chuẩn bị ảnh cần đăng làm quảng cáo.

Upload bức ảnh lên thư mục Images/Banners Tạo quảng cáo Vào Componetns > Banner > Banners

Bấm New để bắt đầu tạo quảng cáo mới. Name: Là tên cho bảng quảng cáo này. Category: Trỏ đến categories thích hợp Client name: Tên tổ chức khách hàng. Banner Images: Chọn đến tấm anh cần đang làm quảng cáo. Click URL: Đường dẫn đến trang web khi click vào quảng cáo. Đăng quảng cáo Vào quảng lý Module, chọn New một module mới.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Chọn loại module cần thêm là Banner Điền trên cho module, và vị trí của nó. Chọn Banner Client và Category thích hợp.

II: Contacts Contacts là component dùng trong việc quản lý danh sách địa chỉ liên hệ. Việc quản lý địa chỉ liên hệ cũng được phân loại theo Category, nên việc đầu tiên bạn cần làm là tạo Category.

Bạn vào Components > Contacts > Categories, chọn New để tạo mới category. Tiếp tục vào Components > Contacts > Contacts, chọn New để thêm thông tin liên hệ

mới. Hai thông số cần chú ý là Category bạn nhớ chọn đến category thích hợp. Thông số Link to User giúp bạn liên kế đến user đăng ký trên website. Và một điều vô cùng quan trọng là chúng ta phiển điền thông tin liên hệ trong vùng Information.

II: News Feed Component này dùng để tạo một trang tin tức lấy từ nguồn RSS của một trang web khác.

Công việc đầu tiên bạn cũng tạo Category để lưu giữ mỗi bảng feed. Bạn vào Coponents > News Feed > Categories, chọn New.

Tạo mới một Feed bằng cách vào News Feed > Feeds. Hai thông số quan trọng là Category yêu cầu trỏ đến category lưu giữa feed nay, và thông số Link bạn nhập đường dẫn đến trang RSS.


89

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Hiển thị Feeds: Tạo xong feed thì nó chưa được hiển thị ngay mà cần thông qua một module có tên là Mod_Feed. Bạn vào phần quản lý module, thêm mới một module có tên là Feed Display.

IV: Polls Plols là công cụ tạo khảo sát trực tuyến, ví dụ như bạn chuẩn hị tạo khảo sát sau:

Đầu tiên vào Componetns > Polls, chọn New để bắt đầu tạo một Poll mới. Điền tên cho poll và cũng là câu hỏi trong Title. Một thông số cần lưu ý là Lag, đây có nghĩa

là khoản thời gian giữa hai lần bình chọn của một người dùng, đơn vị tính là giây.

Điều tuyệt nhiên phải có của câu hỏi khảo sát chính là các lựa chọn. Bạn điền các lựa trong vùng Options.

Bạn là sinh viên thuộc khoa nào?

Khoa Mạng Máy Tính & Truyền Thông Khoa Phần Mềm Khoa Khoa Học Máy Tính Khoa Kỹ Thuật Máy Tính Khoa Hệ Thống Thông Tin


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Công việc chưa xong, bạn cần tạo một module để hiển thị poll này ra trang chủ. Mở trang quản lý module, chọn New một module kiểu Poll.Trong vùng Paramenters bạn cần phải chọn đến poll đã tạo ra ở trên. Đừng quên chọn vị trí cho module. Sau cùng thì cũng xong, bạn có thể xem kết quả.

V: Search Component này cho phép quản lý việc tìm kiếm bài viết của người khách tham quan ghé qua website của bạn. Vi dụ bạn vào trang web, gõ một từ khóa vào ô Search, rồi quay lại Components >Search xem kết quả.

VI: Web Links Web Links cho phép quản lý các liên kết đến trang web, bạn có thể tạo ra một trang web danh bạ website bằng chức năng này.


91

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Đầu tiên bạn cũng vào Components > Web Links > Categories, chọn New để thêm một danh mục mới. Sau đó vào Web Links > Link, chọn New một link mới.

Làm thế nào để hiển thị trang những liên kết này lên trang chủ? Chúng ta sẽ tìm hiểu việc này sau, trong bài giới thiệu về Menu.

BÀI 6: TẠO VÀ QUẢN LÝ MENU Menu là nhu cầu không thể thiếu của website. Bạn có thể tạo một menu đơn giãn, hoặc tinh ý hơn bạn cũng có thể tạo ra menu có hiệu ứng chuyển động đẹp mắt. Tất cả công việc từ tạo menu, đến quản lý menu đều được thực hiện trong menu Menus > Menus Manager.

Tại đây chúng ta thấy các menu do dữ liệu mẫu tạo ra. Chúng ta sẽ khảo sát vài tùy chọn trong phần Menu Manager này:

Published: cho biết các liên kết có trong một menu. Modules: Cho biết số module đang sử dụng menu. Type: cho biết loại menu

Tạo Menu Sau đây bạn hãy thực hiện theo các bước sau, để tạo ra một menu mới.

Tạo danh mục menu: Vào Menus > Menus Manager, chọn New để tạo ra một menu mới. Điền các thông số yêu cầu sau:

Unique Name: Đây là tên định danh, nó không được trùng nhau giữa các menu. Title: Tên của menu Description: Mô tả cho menu Module Title: Tiêu đều của module. Thêm các thành phần cho menu:


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Để làm điều này bạn chọn vào biểu tượng Menu Items, hoặc vào menu Menus > chọn tên menu trong danh sách.

Chọn New một thành phần mới, tại đây chúng ta có khả nhiều lựa chọn cho liên kết của menu. Chúng ta cùng khảo sát qua một số loại như sau:

Internal Link: Tập hợp những loại liên kết bên trong hệ thống.

Archive: Liên kết đến một trang lưu trữ. Article: Liên kết đến bài viết. Category : Liên kết đến category. Section: Liên kết đến section Contacts: Liên kết đến một địa chỉ liên hệ đã tạo

trong component Contacts. Polls: Liên kết đến một poll đã tạo trong

component Polls Web Links: Liên kết đến một web link đã tạo

trong Component Web Links. External Link: Liên kết đến một trang web bên

ngoài.

Hiển thị menu lên trang web: Mỗi một menu sẽ tương ứng với một module được tạo ra một cách tự động để hiển thị

nó lên trang chủ. Module này được tạo ra có tên mà bạn đã khai báo trong Module Title lúc tạo mới module, bây giờ chỉ việc mở đến trang quản lý module bạn enable nó lên.

MENU Đặc Biệt Đó chính là menu chỉ xuất hiện khi người dùng đăng nhập tài khoản của mình đã đăng ký. Một tình huống sau đây khá hữu ích cho các bạn, bạn tạo một website tin tức, và có cộng tác viên ở khắp mọi nơi, họ sẽ post bài viết về cho bạn. Làm thế nào?

Đầu tiên bạn tạo một menu mới có tên là User Menu.

Tiếp theo bạn tạo các Item theo bảng sau:

Menu Item Access Level Type

Your Details Registered User » User

Mỗi khi bạn cài đặt mới một Component sẽ có những loại liên kết khác nhau được tao ra.


93

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Submit Article Special Articles » Article / Form

Submit Link Special Web Links » Web Link / Form

Log Out Registered User » Login

Đó chính là vài ví dụ cho menu đặc biệt, bạn có thấy các lựa chọn menu đặc biệt trong lúc tạo Item Menu.

Tạo DropDown Menu Dropdwond menu có nghĩa là một menu xổ xuống, khi bạn rê chuột vào menu cha. Điều này rất tuyệt với đối với một trang web có nhiều chuyên mục. Để làm được điều này chúng ta cần sử hổ của một module có tên là SuperfishMenu. Bạn có thể tìm và tải module này trên trang web http://joomlacode.org/gf/project/superfishmodule/frs

Đầu tiên bạn hãy tạo một menu mới có dạng cha-con. Để làm điều này bạn cũng tạo menu như bình thường, nhưng lưu ý khi tạo Item Menu, trong vùng Parent Item hãy chọn một menu là parent cho nó. Tuy nhiên, bạn nhớ không cho hiển thị module đến menu này.

Tiếp theo, vào quản lý module sau khi đã cài xong Superfishmenu. Bạn sẽ tìm thấy một module chưa được enable có tên là Superfish Menu, hãy enable nó lên, và chọn vào nó để hình. Trong vùng Module Paramenters, chắc chắn rằng bạn đã chịn đúng tên menu cần sử dụng làm dropdown menu trong trường Menu Name.

Một số tùy chọn hiển thị khác: Superfish Menu Style: Tại đây có nhiều kiểu lựa chọn cho kiểu menu dropdown, có

thể là Item xổ xuống theo chiều dọc (Horizontal), hay chiều ngang (Nav-Bar)… Animation: Hiệu ứng xuất hiện của mỗi item khi bạn rê chuột đến menu parent của nó.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 7: KHAI THÁC MODULE CÓ SẴN TRONG JOOMLA

Mặc định Joomla cung cấp cho chúng ta khá nhiều module hữu ích, mà bạn có đã tìm hiểu cách sử dụng một số trong những bài vừa qua. Trong bài học này, tôi tiếp tục giới thiệu đến các bạn những module hữu ích khác.

I: Latest News (Tin mới nhất), Popular (Tin đọc nhiều nhất) Module Latest News có chức năng lọc những bài viết mới nhất, tức là mới được viết, còn Popular thì lọc những bài viết được xem nhiều nhất. Module này thích hợp khi bạn làm một trang web tin tức.

Để sử dụng module này bạn cũng tạo mới một module kiểu mod_latestnews và mod_mostread như bình thường. Lưu ý thêm một vài thông số cài đặt như sau:

Count: Số link tới bài viết được hiển thị, mặc định là 5, bạn có thể thay đổi cho phù hợp với website.

Section ID và Categoty ID: Hai thông số này trỏ đến section và category bạn muốn lọc thông tin.

II: Who’s Online Module này cho biết số người đang online trên website của bạn. Để sử dụng module bạn tạo mới nó với tên module là mod_whosonline Trong phần thông số,

bạn có một thông số cần lưu ý là Display với 3 tùy chọn chế độ hiển thị Guest / Memmber (cho cả khách và thành viên), Member Name (chỉ hiển thị cho thành viên),Both (cả hai đều không hiểu thị)


95

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

III: News Flash Với module sẽ hiển thị một mẫu tin ngẫu nhiên, dạng text. Tin này được trích từ bài viết của bạn, và thông thường thì là phần intro text nếu có.Để sử dụng bạn tạo mới module có tên là mod_newsflash Lưu ý: Nếu bài viết không có read more nó sẽ lấy hết bài viết để hiển thị.

Chúng ta có vài thông số cấu hình cho module đáng chú ý như:

Category: Chọn đến category sẽ lọc bài viết.

Layout: Chọn kiểu bố cục hiển thị.

Read more…Link: Có hiển thị liên kết xem chi tiết hay không.

IV: Customs HTML Module này rất hữu ích trong trường hợp bạn muốn tự tùy biến một module. Tức là bạn sẽ tự thiết kết một phần hiển thị của module này.

Để sử dụng bạn tạo mới một module có tên là mod_custom. Tại trang cấu hình module bạn cần viết gì đó vào trong trường Custom Output. Đặc biệt là bạn có nhiều tùy biến hơn khi bạn biết sử dụng HTML, bằng cách bấm vào biểu tượng HTML để mở cửa sổ soạn thảo HTML ra.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

CHƯƠNG 5: TIẾNG VIỆT TRONG JOOMLA

–&—

BÀI 1: VIỆT HÓA JOOMLA Joomla! 1.5 ra đời đánh dấu sự nhảy vọt cả về cách trình bày, giao diện, tính năng, kiến trúc và "...hỗ trợ tất cả các ngôn ngữ có tập ký tự được biểu diễn bằng bảng mã UTF-8..." . Với Joomla! 1.5 việc bản địa hóa đã trở nên dễ dàng hơn, toàn diện hơn (sử dụng bảng mã Unicode và cho phép bản địa hóa cả phần front-end, back-end). Bài viết này sẽ giúp các bạn nhanh chóng Việt hóa Joomla!

Từ đầu đến giờ có một thành phần mở rộng mà tôi chưa nhắc tới. Đó chính là Languages, nó cũng được xem là một thành phần mở rộng.

I: HƯỚNG DẪN TỰ VIỆT HÓA

Việt hóa phần tiền sảnh front-end (phía người sử dụng)

Các gói ngôn ngữ phần tiền sảnh của Joomla! 1.5 được lưu trong thư mục "\language". Gói ngôn ngữ tiếng Anh sẽ được lưu trong thư mục "\language\en-GB". Trong thư mục này lại có các file sau:

index.html: Để tránh các hacker liệt kê các file và thư mục. en-GB.xml: Mô tả các thông tin liên quan tới gói ngôn ngữ. en-GB.ignore.php: Danh sách các ký tự bỏ qua khi tìm kiếm. en-GB.ini: File ngôn ngữ chính của Joomla! en-GB.com_xxx.ini: File ngôn ngữ cho component có tên là com_xxx. en-GB.mod_xxx.ini: File ngôn ngữ cho module có tên là mod_xxx. en-GB.plg_xxx.ini: File ngôn ngữ cho các plugin có tên liên quan. ….. Để tạo gói ngôn ngữ tiếng Việt. Chúng ta làm như sau: Bước 1. Tạo thư mục chứa gói ngôn ngữ tiếng Việt: "\language\vi-VN" Bước 2. Copy toàn bộ các file trong thư mục "\language\en-GB" tới thư mục "\language\vi-

VN" Bước 3. Thay phần tiền tố của tên các file tiếng Anh (en-GB) bằng tiền tố của file tiếng Việt

(vi-VN). Nghĩa là ta có cấu trúc thư mục chứa gói ngôn ngữ tiếng Việt như sau:

\language\vi-VN\ ---------------\index.html ---------------\vi-VN.xml ---------------\vi-VN.ignore.php ---------------\vi-VN.ini ---------------\vi-VN.com_xxx.ini ---------------\vi-VN.mod_xxx.ini ---------------\vi-VN.plg_xxx.ini


97

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 4. Thay file "vi-VN.xml", "vi-VN.ignore.php" bằng 2 file đính kèm sau: http://www.vinaora.com/joomla/download/Joomla_Vietnamese_Language_Pack_1_5.zip

Bước 5. Mở các file *.ini bằng trình soạn thảo Notepad++ (khuyến cáo). Bước 6. Chọn định dạng (mở menu Format) khi lưu các file này: "UTF-8 without BOM"

(lưu các ký tự tiếng Việt nhưng không chèn thêm ký tự đánh dấu UTF-8 ở đầu file). Bước 7. Tiến hành Việt hóa. Thay các từ/cụm từ tiếng Anh bằng từ/cụm từ tiếng Việt tương

đương.

Việt hóa phần hậu sảnh back-end (phía người quản trị)

Gói ngôn ngữ tiếng Anh của phần hậu sảnh Joomla! được lưu trong thư mục "administrator\language\en-GB".

Việc Việt hóa được tiến hành tương tự như phần tiền sảnh front-end của Joomla!.

II: HƯỚNG DẪN VIỆT HÓA BẰNG GÓI NGÔN NGỮ CÓ SẴN Để sử dụng tiếng việt trong Joomla chúng ta chỉ cần tải về hai gói ngôn ngữ tiếng Việt đã được việt hóa sẵn dành cho phần Front-end và Back-end.

Tải gói ngôn ngữ từ trang web http://tinyurl.com/viethoa-joomla tìm đến phần Language, chọn Viet Nam. Bạn sẽ tải về được hai gói dành cho hai phần Front-end và Back-end

Tiến hành cài đặt hai gói ngôn ngữ này như cài một extension bình thường. Vào menu Extensions > Languages Manager. Trong tab Site chọn ngôn ngữ Viet Nam,

rồi bấm Default. Làm tương tự cho tab Administrator để chọn gói tiếng Việt cho giao diện Admin.

Reset lại trang chủ sẽ thấy tiếng việt xuất hiện.

Tuy nhiên cần lưu ý là việc Việt hóa này chỉ việt hóa phần giao diện, còn cơ sở dữ liệu, tức là bài viết vẫn còn là tiếng Anh.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 2: CÀI BỘ GÕ TIẾNG VIỆT VÀO TRANG WEB

Thỉnh thoảng bạn vào một trang web, và thấy một thanh công cụ nhỏ điều khiển việc gõ tiếng việt đặt đâu đó. Lúc này mặc dù trên máy bạn không có cài trình gõ tiếng việt Unikey nhưng bạn vẫn gõ được tiếng việt. Tại sao vậy? Chính là trang web đã cài sẵn một bộ gõ tiếng việt trên đó.

I: Cài đặt bộ gõ tiếng Việt AVIM thủ công cho Joomla Bộ gõ A.V.I.M - Advanced Vietnamese Input Method (tên gọi cũ là H.I.M) của tác giả Đặng Trần

Hiếu được phát triển bằng ngôn ngữ Javascript, có thể dễ dàng tích hợp AVIM vào website, diễn đàn. AVIM có thể hoạt động tốt với IFRAME nên sẽ kết hợp được với các bộ gõ thuộc dạng web-based WYSIWYG (bộ soạn thảo tích hợp trên web, forum, blog...) khác được viết bằng Javascript hay sử dụng công nghệ AJAX.

AVIM là bộ gõ đầu tiên tương thích cùng lúc với trình duyệt FireFox lẫn Internet Explorer vào thời điểm phát hành. Điểm mạnh của AVIM là khả năng tương thích. Cho đến thời điểm hiện tại, phiên bản AVIM 20070613 hoạt động trên khá nhiều trình duyệt như Internet Explorer, FireFox, Safari, Opera, Konqueror... AVIM chạy "ngon lành" trên hầu hết các hệ điều hành Windows, Linux, Solaris, Mac OS... Hiện nay, số lượng website và diễn đàn tại Việt Nam sử dụng AVIM rất phổ biến như HVA, DDTH, HN-AMS, Wikipedia Việt Nam, VN UNITED, JoomlaViet, ITP Students Forums...

Gần đây AVIM còn được phát triển thành module cho FireFox và Yahoo Messenger.

Thực hiện cài đặt bộ gõ AVIM:

Bước 1: Download AVIM bản mới nhất Blog của tác giả: Hieu's Blog Download link: http://sourceforge.net/

Bước 2: Thiết lập các thông số Mở file AVIM (VD: AVIM20070613.js) mà bạn vừa download về và sửa các thông số sau (nếu muốn)

Bước 3: Upload file AVIM lên Joomla

Upload AVIM lên thư mục Joomla: đặt trực tiếp vào thư mục Joomla

method=0 //Cách gõ tiếng Việt, 0=Tự động, 1=TELEX, 2=VNI, 3=VIQR on_off=1 //1=Bật bộ gõ, 0=Tắt bộ gõ dockspell=1 //1=Có kiểm tra chính tả, 0=Không kiểm tra chính tả dauCu=1 //1=Bỏ dấu kiểu cũ (o`a, o`e, u`y) useCookie=1 //1=Có sử dụng Cookie, 0=Không sử dụng cookie


99

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 4: Nhúng AVIM vào Website Joomla Mở file index.php trong thư mục templates\templa_cua_ban. VD:

"Joomla\templates\vinaora\index.php"

Tìm đến trước thẻ </body> và thêm đoạn mã sau

<script type="text/javascript" src="http://vinaora.com/avim20070613.js"></script>

(nhớ thay http://vinaora.com = Website của bạn)

Bước 5: Nhúng AVIM vào phần quản trị Nếu là Joomla 1.5: mở file index.php trong thư mục "administrator\templates\khepri" Nếu là Joomla 1.0.x: mở file index.php trong thư mục

"administrator\templates\joomla_admin" Sau đó làm tương tự như bước 4

Bước 6: Chạy thử Mở Website của bạn. VD: http://vinaora.com F12: bật/tắt bộ gõ F9: thay đổi kiểu gõ (luân phiên Tự động, Telex, VNI, VIQR) F8: bật/tắt chế độ kiểm tra chính tả. F7: bật/tắt chế độ bỏ dấu theo kiểu cũ ("òa", "ùy"...).

II:Cài đặt bộ gõ tiếng việt AVIM bằng Module. Bạn tìm và tải module mod_vavim tại địa chỉ http://joomlacode.org/gf/project/vinaora_avim/frs/ Sau khi tải về bạn có một module, hãy tiến hành cài đặt như extension bình thường. Sau đó bật nó lên với vài thông số cấu hình sau:

Style: Chọn chế độ hiển thị cho module như đầy đủ (full), dạng lựa chọn xổ xuống (Drop Down List), ẩn luôn (Hide)…

Input Method: Chế độ gõ mặt định khi người dùng không tác động.

Joomla ------\templates ------\templates\vinaora ------\templates\vinaora\index.php ----------------------------------- ------avim20070613.js ------index.php


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 3: LỖI HIỂN THỊ TIẾNG VIỆT

Rất nhiều bạn sau khi cài đặt Joomla! 1.0 hoặc Joomla! 1.5 (bản mới nhất hiện nay là 1.0.15 và 1.5.7) nhận thấy Website của mình bị lỗi Tiếng Việt. Có thể là lỗi một phần (tại một số chỗ trên menu, một số chỗ trên tiêu đề bài viết, trong phần nội dung...) hoặc lỗi toàn bộ. Có thể là Website hiện toàn dấu hỏi chấm (???) hoặc nội dung bị biến thành các ký tự lạ như "Lá»—i tiáº¿ng Viá»‡t cÃ³ thá»ƒ do nhá»¯ng nguyÃªn nhÃ¢n nÃ o". Xin giới thiệu với các bạn một số nguyên nhân và cách xử lý.

Thông tin chung Joomla 1.0.x không hỗ trợ hoàn toàn cho UTF-8 (nội dung được lưu vào database

không phải là tiếng Việt thuần túy). Joomla 1.5.x hỗ trợ UTF-8 hoàn thiện hơn và thường chỉ bị lỗi do template.

Do database Bạn cần kiểm tra phiên bản MySQL (tối thiểu: 4.1.x) Khi tạo database cần chọn "MySQL connection collation": utf8_general_ci

Do file ngôn ngữ trong thư mục "Joomla\languages\" Kiểm tra tất cả các file ngôn ngữ như: "english.php", "vietnamese.php", "vietnam.php"... Tìm biến _ISO và thay bằng giá trị như dưới đây

/** templates/*.php */

DEFINE('_ISO','charset=utf-8');

Do file "index.php" trong thư mục templates Bạn cần vào file \templates\{template-cua-ban}\index.php: Nếu đã có dòng:

<meta http-equiv="Content-Type" content="text/html;<?php echo _ISO; ?>" />

thì phải chắc chắn rằng dòng định nghĩa biến ISO trong file ngôn ngữ language\xxx.php phải là

DEFINE('_ISO','charset=utf-8');

Nếu có dòng:

<meta http-equiv="Content-Type" content="text/html; charset=xxx" />

thì phải chắc là có charset=utf-8, nếu là ISO_xxx hãy đổi lại thành utf-8

Do file ".css" trong thư mục templates Kiểm tra chỗ khai báo font / font-family xem có phải là các font UNICODE hay không. VD về 3 nhóm font Unicode hay dùng (san-serif, serif và monospace):

font-family: Verdana, Arial, Helvetica, sans-serif; font-family: "Times New Roman", Times, serif; font-family: "Courier New", Courier, monospace;

Do trình duyệt hoặc máy tính của bạn Bạn hãy thử kiểm tra ở máy tính khác xem liệu có bị lỗi giống như vậy không vì có thể do máy bạn bị lỗi font hoặc cấu hình trình duyệt bị thay đổi nên tiếng Việt mới hiển thị sai.


101

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

CHƯƠNG 6: KHAI THÁC THÀNH PHẦN MỞ RỘNG NÂNG CAO

–&—

BÀI 1: KHAI THÁC MODULE I: VISITORS COUNTER Đây là module cho người Việt Nam viết ra, nó có tác dụng thống kê lượt truy cập vào website của bạn. Để sử dụng bạn tiến hành download module này về tại địa chỉ http://joomlacode.org/gf/project/vvisit_counter/frs/ và cài đặt vào trang web. Sau khi cài đặt thành công, vào trang quản lý module sẽ thấy có một module tên là Vinaora Visitors Counter đang bị disable. Bây giờ bạn bật nó lên, và tìm hiểu một vài thông số cấu hình sau.

Tất cả thông số có chửa Show đứng đầu như Show Today, Show This Week…bạn hãy thay chữ tiếng anh trong đó bằng chữ tiếng việt, giống như là việt hóa nó vậy.

Show Date/Time Now: Thận trọng với thông số này, nó quy định kiểu hiển thị ngày giờ. %Y-%m-%d %H:%M có nghĩa là năm-tháng-ngày giờ:phút

Statistic icons type: Quy định loại icon tương ứng.

II: SLIDE SHOW Với module này chúng ta có thể tạo ra một slide show trình chiếu ảnh. Bạn tải module này từ địa chỉ http://tinyurl.com/mod-jaslideshow rồi tiến hành cài đặt vào Joomla.

Việc đầu tiên bạn phải làm là chuẩn bị một thư mục chứa ảnh sẽ làm slide show. Ví dụ tôi sẽ tạo tư mục images\stories\abc để chứa ảnh. Mở trình quản lý module, tìm đến module JA Slideshow2 hiện giờ đang bị disable. Bật nó lên, và cấu hình như sau:

Image folder: Bạn đặt đường dẫn đến thư mục chứa ảnh, và nhớ rằng đây là đường dẫn trên website.

Main Item width/height: Xác định chiều dài và rộng cho khung hiển thị. Effect: Chọn hiệu ứng cho phiên trình diễn ảnh.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

III: JA TABS Với module này chúng ta có thể tạo ra những tab chứa nội dung bên trong. Ví dụ như khi bạn

truy cập vào trang web tin tức, bạn để ý thấy có các tab như Âm Nhạc, Điện Ảnh, Thể Thao, và khi rê chuột qua mỗi tab thì nội dung tin tức tương ứng sẽ hiện ra.

Để bắt đầu bạn tài Ja Tabs về và cài đặt. Trước tiên bạn cần làm hai công việc đó là tạo trang nội dung bên trong, và hiển thị tab ra bên ngoài.

Nội dung bên trong

Đó có thể là một bài viết, hoặc là một module khác. Ở đây tốt nhất là module, vì trong đó chúng ta có thể tùy biến cao hơn. Giống như khi bạn rê chuột qua tab Âm Nhạc thì hàng loạt những tin mới nhất về âm nhạc sẽ hiện ra, chứ không phải chỉ có một tin. Như vậy nội dung bên trong lúc đó là một module hiển thị tin mới nhất (xem lại bài trước để biết cách tạo module này).

Ban tạo số module tương ứng sẽ là số tab được hiển thị trong module Ja Tabs. Vị trí đặt của các module này phải cùng một vị trí, mà vị trí đó không có trên giao diện hiện tại. Để biết có những vị trí nào trên trang web bạn thêm ?tp=1 vào sao địa chỉ, ví dụ http://hontrithucviet.org/?tp=1 để xem.

Cấu hình cho module

Tải về và cài đặt Ja Tabs tại

http://www.joomlart.com/addons/components_and_modules/ja_tabs.html Bây giờ bạn bật module Ja Tabs vừa cài lên và cấu hình nó.

Type tabs: chọn Modules để sử dụng module làm nội dung bên trong, Article ID để dụng bài viết. Ở đây chúng ta chọn là Modules.

Select a position: Chọn đến vị trí đã lưu các module nội dung. Sau đó chúng ta có thể xem kết quả. Đây là vi dụ tôi đã làm


103

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

IV: MAXI MENU Maxi Menu là một module khá mạnh trong việc tạo một dropdown menu. Mặc dù bài trước bạn đã được hướng dẫn tạo một dropdown menu với Superfish menu, nhưng bài hôm nay tôi vẫn muốn hướng dẫn các bạn một lần nũa với Maxi Menu.

Bạn có thể tìm và tải module này từ trang web Extension của Joomla. Sau khi tải về bạn tiến hành cải đặt nó, cho nó hiển thị ở một vị trí thích hợp.

Một vài thông số cấu hình đáng lưu tâm có thể nhắc đến như sau:

Utiliser les effets mootools: Nếu chọn non trong thông số này thì menu tạo ra không có một hiệu ứng nào hết. Để có hiệu ứng bạn phải chọn oui.

Mooduration: Là khoản thời gian tính bằng mili giây, quy

định thời gian hiển thị của một popup khi không rê chuột qua. Quá thời gian gian này thì popup đó sẽ biến mất.

MooMenu Transtion: Đây là thông số tuyệt vời nhất, bởi nó sẽ quyết định hiệu ứng của menu sau khi tạo ra, bạn thử chọn lần lượt từng tùy chọn và xem hiệu ứng có được.

MooMenu Transtion Ease: Cũng tương tự như trên, nhưng hiệu ứng ở đây là hiệu ứng mất đi.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 2: TẠO VÀ QUẢN LÝ COMMENTS GIỚI THIỆU VÀ CÀI ĐẶT

Comment dùng để ghi ý kiến đọc giã là điều không thể thiếu đối với một website tin tức. Trong bài này chúng ta sẽ được biết cách sử dụng component để thực công việc tạo một phần viết comments ở cuối bài viết, kèm theo đó là việc quản lý các comment này.

Component được sử dụng có tên là !Joomla Comment được chính Joomla phát triển. Bạn có thể tải component này từ trang web http://compojoom.com Sau khi cài đặt bạn vào menu Components sẽ thấy xuất hiện một tùy chọn !JoomlaComment.

Đồng thời mở trang web, phía dưới mỗi intro text bài viết sẽ xuất hiện thêm dòng Write comment Còn trong bài viết chi tiết thì xuất hiện thêm một vùng để viết comment.


105

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

QUẢN LÝ COMMENTS Bây giờ thử viết một comment tại một trang bất kỳ, rồi vào trong !JoomlaComment > !JoomlaComment > Manage Comments Nhận được một trang quản trị comments

Tại đây có thể biết tên người viết, ngày viết, bài viết, địa chỉ IP…Bạn có quyền tắt comment đó đi, không cho hiển thị trên trang web nữa. Bạn có thể mail cho tác giả của comment này…

CẤU HÌNH Vào Content Settings để chỉnh một số thiết lập cơ bản sau :

Tab General : Ta có một thiết lập đáng chú ý là Exclude/Include, nếu bạn chọn cho thuộc tính này là Include thì những Section và Category bạn chọn bên dưới, trong trường Exclude/Include sections và Exclude/Include categories sẽ được phép viết comment. Nếu chọn Exclude thì ngược lại, tức sẽ không được viết comment vào section và category đó.

Tab Security : Only registered: Chọn Yes thì chỉ có những thành viên đăng ký với trang web mới được viết

comment, chọn No thì ai cũng được viết. Autopublish comments: Chọn Yes trong trường hợp bạn muốn comment tự hiển thị, không

cần chờ bạn duyệt. Moderator groups: Chọn ra một nhóm có quyền quản lý comment từ trang web, tức họ sẽ

thấy được thêm các nut như delete, edit… Captcha Enabled: Chọn Yes để yêu cầu người dùng nhập một số ngẫu nhiên trong hình (gọi

là Captcha) khi post bài viết lên. Captcha Usertypes: Để chỉ định nhóm người dùng nào bị áp đặt phải gõ captcha này.

Tab Posting : Dùng để định nghĩa các thành phần của trang posting, tức là phần để viết comment. Number of comments by page: Số comment trên mỗi trang. UBB code support: Có hổ trợ UBB code hay không. Đó là gì ? Chúng ta thử mở lại trang

comment, nếu trường này chọn Yes ta sẽ được kết quả


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Nhưng nếu chọn No thì chúng ta có kết quả

Như vậy UBB code ở đây chính là định dạng cho text. Nếu không hổ trợ thì người dùng chỉ

được viết text thuần đơn giãn.

Tab Layout : Dùng để tùy chỉnh giao diện của trang post comment. Standard template: Bạn có thể chọn một template kiểu HTML như định ngĩa sẵn. Tương ứng

với nó sẽ có những định dạng CSS riêng. Nếu biết về lập trình HTML và CSS bạn cũng có thể tự viết.

Emoticon pack: Chọn gói biểu tượng cảm xúc. Show "Read On": Nếu chọn NO thì trong phần intro text của mỗi bài viết sẽ không thấy câu

Write comment nữa.


107

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 3 : TRÌNH SOẠN THẢO JCE Mặc định thì Jooma cung cấp cho chúng ta một trình soạn thảo đơn giãn tên là TinyMCE. Trình soạn thảo này khá là đơn giãn, mà bạn đã sử dụng trong thời gian qua, bạn có thể xem trên hình.

Ở đây có ít chức năng, bây giờ chúng ta có nhu cầu mở rộng trình soạn này, sử dụng nhiều chức năng hơn trong công việc soạn thảo như việc chèn ảnh, chỉnh sửa ảnh, định dạng front chữ, cở chữ…Chúng ta sẽ sử dụng trình soạn thảo khác có tên là JCE.

Bạn có thể tải trình component này từ địa chỉ http://www.joomlacontenteditor.com

Khác với những component khác, để sử dụng JCE bạn phải tải về hai thành phần. Một là component chính, và một là gói thành phần kèm theo của nó. Gói thành phần này sẽ chứa những tiện ích phục vụ cho việc soạn bài viết. Ngoài ra còn có các plugin khác hữu ích bổ sung cho việc sử dụng trình soạn thảo JCE.

Khi cài đặt JCE bạn cần cấu hình lại website để sử dụng trình soạn thảo JCE thay cho trình soạn thảo mặt định của Joomla. Bạn vào Site > Global Configuration, trong trường Default WYSIWYG Editor bạn chọn lại là JCE 1.5.6.

PHÂN NHÓM SỬ DỤNG Tình huống đặt ra là bạn có hàng tá những cộng tác viên ở mọi nơi viết bài cho trang web tin tức của mình. Và mỗi một nhóm cộng tác viên sẽ phụ trách post bài cho một lĩnh vực. Tất nhiên khi đó việc sử dụng trình soạn thảo cũng sẽ khác nhau. Vì mỗi lĩnh vực có nhu cầu khác nhau. Bạn


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

cần nhóm những người dùng này vào một group, sau dó sẽ áp quyền sử dụng JCE xuống cho từng đối tựng là khác nhau. JCE hổ trợ chúng ta làm điều đó trong Groups của JCE Control Panel.

Bấm New để bắt đầu tạo nhóm và phân quyền cho nhóm. Đặt tên nhóm trong trường Name, thêm vài dòng chú thích trong trường Description.

Trong vùng Restrictions bấm nút Add user trong trường User để thêm những thành viên mới vào nhóm.

Chuyển qua tab Editor Paramenters, chúng ta định nghĩa giao diện cho vùng soạn thảo văn bản trong vùng Editor Settup như kích thước, màu sắc…Chúng ta có thêm vài tùy chọn trong vùng Editor Options như cho phép chạy scrip hay không, có sử dụng CSS hay không…

Chuyển qua tab Layout, đây là phần quan trọng nhất. Tại đây bạn quyết định group này sẽ sử dụng được những công cụ gì cho việc soạn thảo văn bạn. Bạn thấy có hai phần là Available Plugins/Buttons và Current Editor Layout Vùng trên là những plugin bạn đang có, kéo thả nó xuống vùng dưới để cho phép group sử dụng những công cụ này.

Bạn có thể tìm thêm nhiều plugin hay khác phục vụ cho việc biên soạn tài liệu tại trang web http://www.joomlacontenteditor.com


109

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 4: TẠO WEB THƯƠNG MẠI ĐIỆN TỬ VỚI VIRTUE MARK

Tình huống đặt ra là chúng ta muốn tạo một trang web bàn hàng trực tuyến, gọi đúng hơn là trang web thương mại điện tử. Nếu chuyên nghiệp người ta sẽ lập hẳn một trang web chuyên cho công việc này. Nhưng với một nhu cầu đơn giãn thì sự hổ trợ của component Virture Mark dành cho Joomla đã quá đầy đủ.

TÍNH NĂNG CỦA VIRTURE MARK Quản lý sổ lượng sản phẩm và danh mục sản phẩm không hạn chế. Tìm kiếm sản phẩm, danh mục, nhà cung cấp nhanh chống. Đánh dấu sản phẩm đặc biệt, thể hiện riêng trong từng gian hàng. Quản lý sản lượng bán ra, sản phẩm tồn kho. Hổ trợ thanh toán trực tuyến. Nhiều hình thức vận chuyển khác nhau. Quản lý quá trình bán hàng từ đặt hóa đơn đến vận chuyển, thanh toán. An toàn, bảo mật cao. Một vài trang web mẫu sử dụng Virture Mark: http://sn-mobile.com http://powerhousevn.com

HƯỚNG DẪN CÀI ĐẶT Bước 1: Download Virture Mark tại địa chỉ http://virturemark.net Tại đây có nhiều gói cài đặt. Bạn chọ download gói full. Trong đó gồm có 1 component, 10 module và 2 plugin. Kèm theo nữa là một tài liệu hướng dẫn bằng tiếng Anh.

Bước 2: Giải nén gói vừa download, cài component trước, rồi đến các module và plugin. Khi cài đặt component lưu ý chọn Install SAMPLE DATA để cài dữ liệu mẫu nếu bạn đang thực hành sử dụng.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Khi cài module chúng ta có thể lựa chọn, nhưng điều cần thiết nhất là phải cài một module chính có tên là mod_virturemart_1.4.1.j15

Khi cài đặt thành công ta có giao diện làm việc của chương trình khi vào Components > Virture Mark

VIỆT HÓA VIRTURE MARK Dù gì thì giao diện tiếng việt sẽ giúp cho các bạn dễ dàng làm việc hơn. Bạn đừng vội tìm đến phần cấu hình (configuration) để chọn languages là Việt Nam, vì chẳng bao giờ tìm thấy.


111

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Virture Mark mặc định là tiếng Anh, và nó sử dụng ngôn ngữ được lưu tại địa chỉ ~\administrator\components\com_virtuemart\languages Bạn có thể mở từng file trong thư mục này và tự dịch nó sang tiếng việt. Tuy nhiên, cộng đồng mạng đã dịch sẵn cho bạn rồi. Bạn có thể tải về tại địa chỉ http://..... Bạn cứ copy thư mục languages chứa ngôn ngữ Việt ghi dè lên thư mục chứa ngôn ngữ là tiếng Anh. Lưu ý, thật là buồn cười khi bạn đã ghi đè rồi mà giao diện của Virture Mark vẫn còn là tiếng Anh. Đừng ngạt nhiên, có phải bạn đang chọn giao diện quản trị Admin của Joomla đang là tiếng Anh, vậy thì, giao diện của Virture Mark là tiếng Anh là chuyện bình thường.

SỬ DỤNG CÁC MODULE Đầu tiên là module bắt buộc phải có mod_virturemark sẽ giúp hiển thị sản phẩm. Tìm module này đã có trong Module Manager và bật nó lên. Bạn thấy nó được hiển thị, khi chọn vào dnah mục hàng hóa thì sản phẩm sẽ xuật hiện.

Chúng ta có thể điểm qua một số công dụng của các module khác như sau:

mod_product_categories: Hiển thị danh mục của sản phẩm

mod_productscroller: Dùng để kéo sản phẩm trên một thanh trượt

mod_virtuemart_allinone: Hiển thị sản phẩm bán chạy nhất, nổi bậc nhất.

mod_virtuemart_cart: Tạo một giỏ hàng mini, bạn có thể kéo sản phẩm thả vào giỏ hàng đó.

mod_virtuemart_currencies: Hiển thị các loại tiền tệ mà website có hổ trợ.

mod_virtuemart_featuredprod: Hiển thị sản phẩm tiêu biểu của cửa hàng

mod_virtuemart_latestprod: Hiển thị sản phẩm mới nhất

mod_virtuemart_login: Cung cấp form đăng nhập

mod_virtuemart_manufacturers: Danh sách nhà sản xuất

mod_virtuemart_randomprod: Hiển thị sản phẩm ngẫu nhiên


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

mod_virtuemart_search: Dùng để tìm kiếm sản phẩm

mod_virtuemart_topten: Hiển thí 10 sản phẩm bán chạy nhất.

THEME CHO VIRTURE MARK Chúng ta có thể có một giao diện hoàn toàn khác dành riêng cho cửa hàng của mình. Để chọn giao diện cho virture mark bạn vào trang quản trị của virture mark, chọn Admin > Configurations> chọn qua tab Site, vùng Layout là nơi bạn tùy chỉnh cho giao diện.

Tuy nhiên giao diện cung cấp cho Virture Mark không nhiều, và chủ yếu là thương mại. Điều này gây khó đối với người dùng bình thường. Một số website cung cấp theme cho virture mark:

http://www.virturemarktamplates.net http://www.poweredbyvirturemark.com http://extensions.virturemark.net


113

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 5: QUẢN LÝ FILE VỚI DOCMAN

Bây giờ chúng ta cần lập một trang web chia sẽ tài liệu, tập tin. Như vậy chúng ta có nhu cầu lưu trữ file theo từng danh mục rõ ràng, thống kê số lượt download, kiểm soát việc download cùa người dùng. Với sự hổ trợ của DocMan thì mọi việc trở nên dễ dàng hơn.

Bạn có thể tải Docman tại địa chỉ http://joomlacode.org/gf/project/docman/frs/ Gói cài đặt Docman gồm có một component chính và nhiều module phụ kèm theo. Những module này bạn có thể sử dụng hoặc là không do bạn chọn. Việc cần thiết là cài đặt component của nó.

I: CÀI ĐẶT DOCMAN Việc cài đặt Docman cũng như bao extension khác, tuy nhiên, có một điểm bất lợi mà đôi khi bạn sẽ gặp khi cài đặt phiên bản Docman cũ, như 1.4 chẳng hạn. Đó là việc không tương thích với phiên bản hiện tại của Joomla. Nếu bạn đang sử dụng Joomla 1.5 thì hãy bật một plugin có tên là System-Legacy để đảm bảo nó tương thích với các phiên bản extension dành cho Joomla 1.4.

Sau khi cài đặt xong bàn vào Components > Docman > Home sẽ thấy giao diện làm việc của trình quản lý và chia sẽ tài nguyên DocMan.

II: CHIA SẼ TÀI NGUYÊN Bây giờ chúng ta sẽ bắt tay vào việc tạo một trang web chia sẽ tài nguyên như hình bên dưới, gồm có các danh mục, chọn vào danh mục thì các file được chia sẽ sẽ xuất hiện, người dùng bấm Download để tải file này về máy tính.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 1: Tạo category

Bạn vào trang quản lý Docman chọn vào thumnail Categories, hoặc là chọn tab Categories.

Bấm nút Add để thêm mới category. Việc thêm category ở đây cũng giống bạn thêm category cho bài viết vậy. Nhưng có điều lưu ý là trong Docman phân biệt hai tên Category Title (tên hiển thị ra ngoài website) và Category Name (tên dùng trong Docman)

Bước 2: Tải file lên

Chuẩn bị file cần tải lên. Bạn vào File, bấm Upload. Bạn có ba chế đệ upload file như sau:


115

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

- Upload a file from your computer: Tải lên từ máy tính của bạn. - Transfer a file from….: Chuyển một file từ server khác đến server của bạn. - Link a file from…: Liên kết đến một file ở server khác.

Hai chế độ Transfer và Link có gì khác nhau?. Với Transfer nó sẽ tải file từ đường link mà bạn cung cấp, rồi lưu lại trên server của bạn, với một đường link khác. Với Link nó chỉ liên kết đến đường dẫn được cung cấp, file đó không có server của bạn.

Ở đây tôi sẽ chọn Upload a file from your computer đề tải một file từ máy tính của tôi lên server. Bấm nút Next để tiếp tục.

Bấm nút Browse… để tìm đến file cần tải lên trên máy tính. Bấm nút Submit để bắt đầu tải file lên. Bạn nhìn thấy có tùy chọn Batch Mode, nếu chọn vào đây và file bạn tải lên có dạng *.zip thì ngay lập tức nó bị giải nén ra và chứa trong một thư mục. Việc này thật sự có ý khi bạn muốn upload nhiều file cùng lúc.

Bước 3: Tạo một tài liệu mới (documents)

Sau khi tải xong file có ba tùy chọn : Make a new document entry using this file (để tạo một tài liệu mới từ file vừa upload lên), Upload more (tiếp tục với việc tải file lên), Display Files (xem các file đã upload).

Để tạo tài liệu mới bạn chọn tùy chọn đầu tiên. Hoặc bạn chọn vào tab Documents, sau đó bấm New. Sau đó nhập tên cho tài liệu này trong trường Name, thêm vài dòng chú thích trong trường Description. Chọn category lưu trữ trong trường Category. Chọn yes cho Aprroved và Published để xuất bản tài liệu này lên cho mọi người xem và tải về.

Bên dưới, tab Document, trường file bạn chọn đến file đã tải, tương ứng với những gì bạn đã khai báo.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Chuyển qua Tab Permissions, dùng để định nghĩa quyền cho tài liệu này. Có hai quyền là Viewer (xem), và Maintainer (chỉnh sửa). Với mỗi quyền bạn chọn đến nhóm tương ứng trong tùy chọn xổ xuống. Xong bấm nút Save.

Đến đây bạn thấy nó đã xuất hiện trong khung quản lý tài liệu của mình, nhưng nó chưa xuất hiện ở trang web.

Bước 4 : Tạo menu liên kết đến trang tài liệu

Ví dụ ở đây tôi sẽ tạo một liên kết trong Main Menu có tên là Tài Nguyên để dẫn đến trang chia sẽ tài nguyên của tôi. Bạn vào trong menu Menus, chọn Main Menu (hoặc bất kỳ menu nào bạn muốn). Bạn chọn New một menu mới, khi đó trong bước Select Menu Item Type bạn thấy xuất hiện thêm một loạt mới là Docman.

Thêm một Item menu như bình thường. Sau đó Refresh lại trang chủ sẽ thấy xuất hiện Item Tài Nguyên trong Main Menu. Mở vào nó bạn sẽ được một trang chia sẽ tài liệu tuyệt vời.


117

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

III : PHÂN QUYỀN THEO NHÓM Bạn có thể quy định nhóm nào được phép tải tài nguyên, nhóm nào được phép chỉnh sửa thông tin…thông qua chức năng Group của Docman.

Chọn tab Group hoặc bấm vào Thumnails Group trong trình quản lý Docman. Bấm tiếp nút Add để thểm một group mới. Bên dưới là trang thêm nhóm mới.

Điền vào tên nhóm và mô tả cho nhóm trong trường Group và Description. Để thêm thành viên mới vào Group bạn chọn tên thành viên trong vùng Users avaliable rồi bấm nút Add (mũi tên phải) để nó chuyển thành viên đó qua vùng Members in this group.

Như vậy khi xuất bản một tài liệu bạn chỉ cần chọn nhóm tương ứng sẽ được tải tài liệu đó như trong hướng dẫn của phần trên.

IV : THEME CHO DOCMAN Chúng ta có thể tạo ra một trang chia sẽ tài nguyên có giao diện đôc lập với giao diện chính của trang web. Để làm điều này bạn chỉ tìm và tải giao diện dành cho Docman từ trang web http://joomlacode.org/gf/project/docman/frs/ Trở lại trang quản lý docman chuyển qua tab Theme, chọn Add để thêm một theme mới. Đến đây thì chỉ việc chọn đến giao diện cần cài đặt giống như là cài extension trong Joomla chính vậy.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Còn đây là giao diện mới mà tôi vừa tìm được

Nếu bạn không thích giao diện tiếng Anh của Docman bạn có thể tự Việt hóa nó bằng cách tìm đến thư mục ~\administrator\components\com_docman\language, thay các từ định nghĩa trong các file *.php của thư mục này.


119

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 6: TẠO DIỄN ĐÀN ĐƠN GIÃN VỚI KUNENA

Nếu vói nhu cầu tạo một trang diễn đàn chuyên nghiệp thì bạn cần đến các hệ quản trị diễn đàn to tác chuyên nghiệp như PhpBB, Vabuletin…Nhưng nếu đã có một website làm bằng Joomla, giờ muốn thêm một diễn đàn nhỏ nữa đủ đển các thành viên trên website trao đổi thì Kunena đã cung có thể giúp bạn.

Kunena là một component hổ trợ tạo diễn đàn, quản lý diễn đàn đơn giãn. Cũng với những chức năng như tạo danh mục, thêm thành viên, quản lý thành viên…

I: CÀI ĐẶT KUNENA Bạn có thể tải gói cài đặt components này và nhiều module, plugin khác từ trang web chính http://www.kunena.com/

Sau khi cài đặt thành công, bạn vào Component > Kenuna Forum sẽ thấy một trang quản trị Kenuna như hình sau:

II: TẠO MỚI CÁC DANH MỤC TRONG FORUM Bắt đầu bạn thêm một danh mục mới cho diễn đàn của mình. Bạn vào Forum Administrator. Chúng ta thấy có vài danh mục đã được tạo sẵn. Để thêm mới bạn chọn New.

Ví dụ tôi sẽ tạo một forum như hình sau:

Bước 1: Tạo một forum mới có tên là Học Tập.

Điền tên forum tại Name, thêm mô tả trong trường Description, và miêu tả sẽ được hiển thị trên forum trong trường Forum Header.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Public Access Level: thông số này quyết định bạn có forum đó có được hiển thị trên trang web hay không. Nếu chọn Everyone thì tất cả mọi người đều nhìn thấy, còn nếu chọn một cấp độ khác thì chỉ có những thành viên thuộc cấp độ đó có thể xem forum này.

Bước 2: Tạo các danh mục con như Kinh Tế, Du Lịch, Công Nghệ

Bạn cũng tạo như bước 1, nhưng chú ý thông số Parent chọn đúng tên của forum làm forum cha, ở đây là Học Tập.

Bước 3: Kiểm tra lại.

Sau khi tạo xong bạn mở lại trang quản lý diễn đàn, và đảm bảo các thông số đúng như hình sau:

Đảm bảo thông số Locked là Disable, và Published là Enable

Bước 4: Tạo menu liên kết đến diễn đàn

Cũng giống như Docman ở bài trước bạn cần tạo một liên kết khi mà người dùng bấm vào đây sẽ dẫn đến trang diễn đàn của bạn. Bạn cũng tạo Menu Item mới với type là Kenuna Forum.


121

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

III: NHỮNG CHỨC NĂNG KHÁC Kenuna là một trình quản trị diễn đàn tương thích Joomla tốt nhất hiện nay. Những chức năng mà nó mang lại còn rất nhiều, tôi xin dành phần đó lại cho các bạn tự khám phá. Tôi chỉ điểm sơ qua một số chức năng như sau:

- Kunera Configuration: Cấu hình cho diễn đàn - Forum Administrator: Quản lý forum - User Administrator: Quản lý thành viên - Edit Smilles: Quản lý biểu tuợng mặt cười - Rank Management: Quản lý việc chấm điểm cho thành

viên - Uploaded Files/Images Browser: Quản lý các file và

image đã được thành viên upload - Edit CSS File: Phần này dành cho những bạn có kiến

thức tốt về lập trình CSS, nó giúp các bạn tùy biến giao diện đẹp mắt hơn.

- Recount Category Stats: Xem thống kê diễn đàn.

Các thành phần mở rộng của Joomla thật sự là rất bao la rộng lớn. Tôi có nói đến hết ngày tháng này thì cũng chưa hết được. Thôi thì các bạn từ từ khám phá tiếp vậy. Trang web dành cho các bạn khám phá là http://extensions.joomla.org


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 7: TẠO WEB NHẠC VỚI MAIAN MUSIC

CÀI ĐẶT Vì gói cài đặt có dung lượng lớn nên phải chỉnh lại file configuration.php như sau:

Dùng DW mở file configuration.php ở đường dẫn C:\AppServ\www\Joomla-Music .

Qua chế độ code, ở cuối dòng 1 Enter xuống hàng

Gõ dòng code này vào :

ini_set('memory_limit', '20M');

Lưu lại

Bật chức năng System – Legacy ở Plugin Manager.

Vào Extensions >>> Plugin Manager. Cuộn xuống bên dưới qua trang số 2. ở vị trí số 25 bật System – Legacy

Tiến hành Cài đặt com_maianmusic, mod_maianmusic tương tự như cài gói việt hóa.


123

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Màn hình sau khi cài đặt thành công com_maianmusic

Màn hình sau khi cài đặt thành công mod_maianmusic.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

SỬ DỤNG MAIANMUSIC Copy thư mục nhac_hinh vào trong C:\AppServ\www\Joomla-Music

1 Cấu hình cho Maian Music

Hiển thị Maian Music ở trang chủ

Chọn Menus >> mainmenu

Nhắp chọn New

Chọn Maian Music


125

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Title: đặt tên là Music rồi nhắp Save

Vào http://localhost/Joomla-Music/ để xem thử

Truy cập lại administrator

Vào Components >> Maian Music >> Settings

a. Mục » Website/General Settings

Default Page chọn Music.

Music Store Name nhập tên site nhạc của bạn.

E-Mail Address nhập địa chỉ mail của bạn.

b. Mục » Mp3 Player Configuration

Lựa chọn giao diện của phần chơi nhạc tại trang chủ


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

c. Mục » MP3/Download Settings

MP3 Folder Path : thư mục chứa file nhạc

MP3 Preview Folder Path : thư mục chưa file nhạc mẫu ( chỉ dùng khi làm site mua bán nhạc)

d. 2 mục tiếp theo

» Paypal Settings : thiết lập thanh toán qua hệ thông paypal. (không cần quan tâm)

» SMTP Settings : thiết lập gởi mail bằng smtp (không cần quan tâm)

e. » Most Popular Text

Giới thiệu về trang nhạc của bạn (Chỉnh sửa tùy ý)

Cuộn xuống dưới cùng nhắp nút

2 Quản lý Album ( Manage Albums )

Vào Components >> Maian Music >> Manage Albums.

a. Mục » Add New Album

thêm 1 album mới


127

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Artist : Điền tên ca sĩ

Album Name : Tên Album nhạc

Album Image URL : địa chỉ hình của album

Album Artwork (Zip File) : địa chỉ file nén chưa tất cả các hình của album ( không cần thiết )

Comments/Info : chú thích sơ qua về album

Keywords : từ khóa tìm kiếm

Album Purchase Discount : ko cần thiết nếu bạn ko làm site mua bán nhạc

Enable Album : nhớ chọn Yes để xuất hiện ở trang ngoài.

Chọn Add New Album để thêm mới

3 Thêm bài hát mới (Add New Tracks )

Chọn số lượng bài hát cho một lần thêm.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Track Name : Tên bài hát

Add to Album : thêm bài hát này vào album nào

MP3 File Path : địa chỉ file mp3

Preview File Path : ko cần thiết ( để trống )

Length of Track: thơi gian của bài hát

Cost: giá thành

Lưu ý phải nhập đầy đủ thông tin các mục.

Single Purchase: khỏi check vào nếu ko muốn làm trang mua bán.

Gõ thiếu là không add được bài hát

4 Quản lý các bài hát đã đăng (Manage Tracks )

Có thể xóa – cập nhật – sắp xếp tùy ý


129

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Sau Khi thêm bài hát xong có thể ra trang chủ để kiểm tra.

Vào địa chỉ http://localhost/Joomla-Music/ nhấp chọn music

Các album sẽ được hiện thị ra.

Chọn thử 1 album để chơi nhạc.

Nhấp play để nghe nhac.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

HIỂN THỊ CÁC BÀI HÁT MỚI ĐĂNG Vào administrator

Extensions >> Module Manager

Nhấp chọn Most Popular Music

Nhớ Enabled chọn Yes. Sau đó chọn save

Truy cập http://localhost/Joomla-Music/ để kiểm tra.


131

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

VIỆT HÓA MAIAN MUSIC Vào đường dẫn

C:\AppServ\www\Joomla-Music\components\com_maianmusic\lang Copy english.php và dán ra thành 1 file mới đặt tên là vietnam.php

Mở file vietnam.php bằng DW.

Chỉnh lại nội dung tiếng anh thành tiếng việt

Truy cập lại administrator

Vào Components >> Maian Music >> Settings

chỉnh lại ngôn ngữ mặc định là vietnam.php


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 8: TẠO WEB ẢNH PHOCA GALLERY

Nếu bạn có nhu cầu tạo một website chứa album ảnh, nơi mà mọi người ghé thăm có thể xem qua các bức ảnh của bạn đăng, đồng thời có thể để lại bình luận, hoặc là chấm điểm cho những tấm ảnh đó. Đó là những chức năng của component có tên là Phoca Gallery, có thể tìm thấy và tải compoent này từ địa chỉ http://www.phoca.cz

QUẢN LÝ ALBUM Sau khi cài đặt bạn có giao diện quản lý như sau

Để bắt đầu bạn cần tạo ra một Category chứa các hình ảnh, có thể hình dung nó có nghĩa là Album của bạn. Bằng cách chọn vào Categories, bấm nút Add để thêm một Album mới. Bạn nhập tên Album tại trường Title. Có hai thông số trong trường Upload and Add User Rights (liệt kê những user được phép thêm ảnh mới vào trong album này, và trường Delete and Publish User Rights (những user có khả năng xóa (delete) hoặc là ngưng xuất bản (public).


133

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Đưa ảnh lên Bạn trở lại tab Images để chọn và đăng ảnh, tại đây bạn chưa có tấm ảnh nào, để đăng ảnh. Bấm Multiple Add để thêm ảnh vào hệ thống.

Có ba chế dộ upload, để cho đơn giãn bạn chọn tùy chọn đầu tiên Upload. Có thể tạo thêm một floder khác để chứa album này, bằng cách viêt mới trong trường Folder. Trong trường Category, bạn cần chỉ ra album mà bạn muốn đưa ảnh vào.

HIỂN THỊ ALBUM Để hiển thị bạn tao ra một menu mới mang tên của Poca, tại đây bạn có vài thông số, mà tôi nghĩ nó dành cho các bạn khám phá.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Ví dụ dưới đây là một trang web hình ảnh mà tôi đã tạo.

THEME CHO PHOCA GALLERY Mặc định chương trình có một theme khá đơn giãn, bạn có thể tùy chỉnh để tạo ra một theme mới phù hợp hơn với giao diện hiện tại của mình, hoặc là tìm và tải những theme được chia sẽ trên mạng.

Tự tạo theme

Để tùy chỉnh theme theo ý mình bạn vào Phoca Gallery> Themes, tại đây có hai phần tùy chỉnh

Background Image sẽ tác động vào theme của bạn.

- Small Thumbnail: Cấu hình cho những tấm ảnh nhỏ, hiển thị khi chọn vào album.


135

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

- Medium Thubmnail: Cấu hình cho ảnh lúc bạn chọn một tấm ảnh để hiển thị và xem một tấm.

Bây giờ tùy chỉnh các thông số width,height,color,image...để tạo ra một theme mới.

Module Phoca Gallery Menu Thay vì phải tự tai tạo ra menu cho trang web ảnh của bạn,bạn có thể tạo nó ra một cách tự động bằng module có tên là phocagallery_ menu. Bạn dễ dàng tìm thấy module này từ trang web chính http://www.phoca.cz . Sau khi cài đặt và cho phép module này hiển thị, bạn có tùy chỉnh lại thông số Menu Type để có được kiểu hiển thị menu hợp lý, tương thích với website.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 9: TẠO MENU VỚI SWMENUFREE

swMenuFree là tên một tiến ích mạnh mẽ giúp bạn tạo và tùy chỉnh hiển thị menu, thay vì chỉ có những menu đơn giãn như bạn đã học trong những bài trước. swMenu là component mở rộng dành cho Joomla 1.5 trở về sau.

Đầu tiên bạn tải component này từ địa chỉ http://www.swmenupro.com. Lưu ý có hai phiên bản cho sản phẩm, một là free không trả phí, với những tính năng bị hạn chế một chút, còn lại là phiên bản Pro có phí với đầy đủ tính năng hấp dẫn. Tuy nhiên, với người mới sử dụng không đòi hỏi công việc cao cấp thì phiên bản free đã quá đầy đủ.

Sau khi cài đặt thành công, bạn vào Component > swMenuFree sẽ đến giao diện là việc của tiện ích này.

Để tạo menu với chương trình này, bạn lần lượt qua 5 tab của chương trình.

1. Tab Menu Module Sttings: Thiết lập cơ bản. Xem quá có khả nhiều thông số cấu hình làm bạn có thể bị rối mắc, tuy vậy chỉ cần chú trọng đến một vài thông số đáng lưu tâm sau: · Đặt tên cho module hiển của menu này tại trường Module Name. · Chọn menu sẽ dùng hiển thị trong trường Menu Source. Menu đã được tạo từ cấu

hình của Joomla tại menu Menus · Tùy chọn trong trường Menu Style cho phép bạn chọn kiểu hiển thị của menu sắp

tạo ra. · Trong đó kiểu Trans Menu System sẽ cho chúng tạo menu có hiệu ứng đẹp khi rê

chuột qua. · Module Position quy định vị trí hiển thị của module sau khi tạo ra. · Show Menu Module on Pages: Tại đây bạn chọn những pages sẽ có sự xuất hiện

của module chứa menu sắp tạo ra. 2. Tab Size, Position & Offsets


137

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Với những thông số cung cấp trong Tab này sẽ giúp bạn tùy chỉnh kích cở cho việc hiển thị của menu.

Có khá nhiều thông số, bạn có thể giữa nguyên để lấy những giá trị mặc định. Hoặc tham khảo một hình hướng dẫn bên dưới để biết những thống bạn chỉnh sửa sẽ ảnh hưởng đến những gì trên menu tương lại này.

3. Tab Colors & Background

Tại tab này chúng ta có những thông số tùy chỉnh cho màu sắc font, màu nền...Cũng như tab trước, bạn cũng được cung cấp một bảng chỉ dẫn ngay bên dưới để biết những thông số mình chỉnh sửa có ảnh hưởng đến bộ phận nào.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

4. Tab Fonts & Padding

Những thông số tại đây cho phép bạn tùy chỉnh kiểu chữ, thay đối khích thước font. Đồng thơi bạn cũng được cung cập một bản mô tả những vị trí mà sau khi bác tác động vào sẽ bị thay đổi theo.

5. TabBorders & Efftects

Tab này cung cấp những thông số tùy chỉnh border (đường viền) cho hệ thông menu, đồng thời cũng có thể chỉnh sửa hệ thông menu.

Hiển thị menu: Sau khi thiết kế xong hệ thống menu, bây giờ bạn có thể cho hiển thị nó. Việc hiển thị menu lên đơn gian như việc hiển một module, bởi sau khi bấm nút Save, thì module có tên tương ứng được tạo ra, vào Extensions > Module Manager để kiểm tra điều này.


139

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

BÀI 10: PLUGIN CHÈN NHẠC – VIDEO

Cũng không khó khăn gì để bạn tạo một website âm nhạc, không dám mơ sẽ tạo một trang âm nhạc khổng lồ như mp3.zing.vn, hay một trang chia sẽ video như youtube.com, nhưng nếu chỉ dừng lại ở nhu cầu chia sẽ những bài hát, những video yêu thích của mình cho bạn bè thì hay plugin sau đây sẽ hổ trợ đắc lực cho bạn.

MP3 BROWSER Bạn có thể tải plugin này từ địa chỉ http://www.dotcomdevelopment.com và cài đặt vào trang web của mình.

Công việc đầu tiên là tạo một thư mục dùng để chứa nhạc, thư mục này nằm trong thưc mục góc. Ví dụ ở đây tôi tạo một thư mục /songs, bên trong đó chứa các thư mục tương ứng với các album.

Công việc tiếp theo là tạo những Section, Category tương ứng cho việc lưu bài hát của mình. Để tạo bạn xem lại những bài học trước.

Cuối cùng để chèn Album nhạc vào bài viết, bạn chỉ cần tạo bài viết tương ứng, trong bài viết bạn sử dụng code như sau để chèn album.

{music}[đường dẫn đến thư mục nhạc]{/music}

Ví dụ trong trường hợp này là {music}songs/Album1{/music}

Sau khi hoàn tất chúng ta có một album nhạc tuyệt với như sau trong bài viết của mình.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Tùy Chỉnh Vào Plugin Manager, tìm đến plugin có tên Mp3Browser, có vài thông số chúng ta có thể tùy chọn lại để có kết quả hiển thị đẹp hơn.

Để tùy chọn số cột hiển thị trên trang web, bạn chọn on/off trong các thông số Show Download

Column, Show Size Column....

Để thay đổi tên cho các cột bạn đổi lại tên trong các trường Name Header, Download Header, Play

Header...

Tùy chỉnh màu sắc tại các trường như Table Header Color, Alt Row Color...và tùy chỉnh chiều dài, chiều cao cột tại các trường Table Width, Header Height...


141

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

CHƯƠNG 7: NHỮNG VẤN ĐỀ NÂNG CAO KHI QUẢN TRỊ WEB

VỚI JOOMLA –&—

BÀI 1: ĐẢM BẢO AN TOÀN CHO WEBSITE

I:BACKUP WEBSITE & DATABASE Thực chất đây không phải là phương pháp chống tấn cổng của hacker. Nhưng chúng ta có thể phục hôi lại khi có sự cố xẩy ra. Khi bạn mua host cung cấp có phí từ nhà bán host, họ sẽ giúp bạn backup dữ liệu. Tuy nhiên nếu bạn sử dụng host free thì việc tự backup la do bạn tự thực hiện. Để backup bạn cần backup hai phần thứ nhất là các file dữ liệu, và cơ sở dữ liệu.

1: Backup file

Toàn bộ file hệ thống của trang web đề được lưu trong thư mục chứa web. Ví dụ như public_html/tenwebsite, wwwroot/tenwebsite…. chẳng hạn. Bạn chỉ cần sao lưu các file ở đây ra một thư mục khác, hoặc là lưu trữ trong máy tính.

2: Backup databse

Mở trang quản trị database thường là PHPMyAdmin, chọn tên cơ sở dữ liệu, chọn nút Export

Trong trang Export hiện ra, bạn cứ để mặc định phần bên phải. Bên trái, đảm bảo đã chọn SQL trong vùng Export. Kéo xuống phía dưới check vào ô Save as file


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bấm Go, sẽ download về file *.zip chứa trong đó là file *.sql. Đây chính là toàn bộ CSDL của trang web. Tuy nhiên nó sẽ không thể chạy được nếu thiếu file hệ thống mà chúng ta đã backup ở trên.

PHỤC HỒI WEBSITE

Giải sử website của bạn bị tấn công, và bây giờ chúng ta cần phục hồi lại.Để thực hành, chúng ta sẽ tạo ra một trang web mới, giống hoàn toàn với trang web củ, như là cách phục hồi.

Bước 1: Copy file hệ thống của website sang một thư mục mới, tạm đặt tên là Joomla2.

Bước 2: Tạo database mới, tạm đặt tên là Joomla2_data.

Bước 3: Mở PHPMyAdmin tìm đến Jooma2_data, bấm nút Import. Tiếp tục bấm Browse và chọn đến file *.sql đã sao lưu ở phần trước. Bấm nút Go, nếu thành công sẽ nhận được thông báo như hình bên dưới.

Bước 4: Tùy chỉnh cấu hình trong file Configuration.php, nằm trong thư mục chứa web. Tím đến dòng var $db = 'joomla_data'; với joomla_data là tên CSDL cũ, thay nó bằng joomla2_data là tên của CSDL mới.

Bước 5: Truy cập trang web mới http://localhost/joomla2 Bạn thấy nó hiện lại như cũ.

II: THAY ĐỔI TIỀN TỐ MẶC ĐỊNH CHO DATABASE Mặc định thì khi cài đặt xong database của joomla sẽ có tiền tố mở đầu là jos_ Tuy nhiên nếu trong quá trình cài đặt bạn đổi rồi thi không cần quan tâm nữa. Một vài người đã không làm điều đó, nó đã tạo ra một lổ hổng, tao cơ hội cho hacker tấng công vào website. Để đảm bảo an toàn chúng ta sẽ thay đổi tiên tố này theo các bước sao

Bước 1: Export Database ra file dạng *sql như đã hướng dẫn ở bài trước.

Bước 2: Mở file *.sql bằng trình mở file thông dụng, có thể dùng notepad, nhưng tôi khuyên các bạn nên dùng Notepad ++. Tìm và thay thế tất cả từ jos_ thành một từ ngẩu nhiên do bạn định nghĩa. Ví dụ ở đây tôi sẽ chọn là ILU_


143

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 3: Mở file cấu hình Configuration.php, tìm đến dòng var $dbprefix = 'jos_'; và thay bằng $dbprefix = 'ilu_';

Bước 4: Xóa CSDL cũ: Mở lạ PHPMyAdmin, tìm đến CSDL của bạn, bấm vào Check All để chọn tất cả table, trong khung chọn With selected bạn chọn Drop

Một trang chứa đầy các lệnh khó hiểu mở ra, bạn không cần quan tâm, bấm nút YES

Bước 5: Import lại dữ liệu bằng file *.sql mà bạn vừa thay đổi tiền tố.

Bước 6: Kiểm tra lại website có còn chạy tốt hay không.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

III: THAY ĐỔI ĐƯỜNG DẪN MẶC ĐỊNH CHO TRANG QUẢN TRỊ Ý tưởng của giải pháp này là: Sử dụng chứng thực bằng cookie ngăn chặn mọi truy cập trực tiếp tới vùng quản trị Joomla! bằng đường dẫn /administrator (VD: http://vinaora.com/joomla/administrator). Thay vào đó phải truy cập gián tiếp thông qua một đường dẫn chỉ mình bạn biết (chẳng hạn http://vinaora.com/joomla/secret/vinaora.php).

Bước 1: Tạo một thư mục bí mật chẳng hạn [Joomla]/secret Thư mục này nằm cùng mức với thư mục /administrator

Lưu ý: Bạn hoàn toàn có thể sử dụng một thư mục có sẵn (chẳng hạn thư mục /language)

Bước 2: Tạo một file "vinaora.php" trong thư mục bí mật trên với nội dung sau:

Bạn nên đổi cặp giá trị cookie "VinaoraAdminSession" & "abcdef123456" bằng những chuỗi ký tự bất kỳ (gồm ký tự chữ cái và ký tự số) để tránh hacker sử dụng công cụ chèn trực tiếp cookie trên vào trình duyệt. Bạn cũng có thể sử dụng một cái tên khác chứ không nhất thiết phải là "vinaora.php" :)

Bước 3: Thêm nội dung sau tới file ".htaccess" của thư mục /administrator

Trong trường hợp HOSTING của bạn không hỗ trợ file .htaccess hãy liên hệ với bộ phận kỹ thuật để được giúp đỡ.

Khi cần truy cập vào trang quản trị hãy gõ đường dẫn: http://yoursite/secret/vinaora.php

< ?php $admin_cookie_code="abcdef123456"; setcookie("VinaoraAdminSession",$admin_cookie_code,0,"/"); header("Location: /administrator/index.php"); ?>

RewriteEngine On RewriteCond %{REQUEST_URI} ^/administrator RewriteCond %{HTTP_COOKIE} !VinaoraAdminSession=abcdef123456 RewriteRule .* - [L,F]


145

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

VD: http://vinaora.com/secret/vinaora.php

BÀI 2: TỐI ƯU HÓA WEBSITE I: SỬ DỤNG CACHING Nếu như bạn có một website đơn giản và mỗi ngày chỉ có vài trăm khách viếng thăm thì bạn không cần quan tâm tới bài viết này. Còn nếu bạn nhận thấy website của bạn luôn nạp rất chậm khi có nhiều người truy cập thì bạn cần bật tính năng "debug" của Joomla! và quan sát xem có bao nhiêu truy vấn đã được thực thi. Trung bình từ 50 trở xuống là ổn. Còn trong trường hợp có hàng trăm truy vấn thì bạn cần phải chú ý tới tính năng cache của Joomla! và tham số cache của các module.

Tham số cache là gì?

Đây là một tham số đặc biệt trong Joomla. Khi tham số này được bật, nó sẽ báo hiệu cho Joomla tạo cache cho module và giúp tăng tốc cho website. Tại sao lại như vậy? Lấy thí dụ, module của chúng ta hiển thị 10 banner quảng cáo mới nhất. Nếu là một developer giỏi, chỉ cần 1 truy vấn cho module đó, còn ngược lại sẽ mất 10 truy vấn để thực thi. Đáng buồn là thực tế thì có rất nhiều module như vậy, có lẽ do các developer chỉ chú trọng tới các tính năng và chỉ muốn nhanh chóng phát hành sản phẩm tới cộng đồng mà không chú trọng tới hiệu suất thực thi.

Tính năng debug của Joomla!

Khi Joomla cache mô-đun, sẽ chỉ mất một lần truy vấn khi trang chứa module đó được nạp lần đầu. Còn khi có người thứ hai ghé thăm trang này, đơn giản là Joomla chỉ cần lôi nó từ cache (một file nằm trong thư mục /cache của Joomla). Không phải thực hiện bất cứ truy vấn nào nữa và do vậy giảm tải cho máy chủ và tăng hiệu suất thực thi. Truy vấn chỉ được thực hiện lại sau khi cache hết hạn (theo mặc định của Joomla là 900s) - bạn có thể thiết lập lại giá trị này trong mục Site >> Global Configuration >> tab System

Sau khi bật tính năng debug của Joomla! bạn sẽ trông thấy các thông tin giống như dưới đây ở phía cuối website.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Cách thêm tham số Cache cho module Joomla

Bước 1: Chỉnh sửa file XML của module

Bạn thêm vào đoạn mã sau:

Bước 2: Bật tính năng cache của module. Trong mỗi module bạn vào Parameters > Advanced và tùy chỉnh cấu hình trong đó.

II: TỐI ƯU HÓA DATABASE Database được tạo ra một cách tự động, và khi chúng ta cài nhiều thành phần mở rộng thì những table trong database sẽ tăng lên. Khi bạn gỡ bỏ một thành phần mở rộng đi, đôi khi database này sẽ không bị gỡ bỏ. Điều này gây mất thời gian khi website truy vấn đến database. Nguyên tắc đầu tiên là bạn hãy tìm đến những table nào không sử dụng đến và xóa nó đi. Nguyên tắc thứ hai là chúng ta áp dụng phép tôi ưu hóa database mà trình ngôn ngữ dữ liệu MySQL cho phép.

<params group="advanced"> <param name="cache" type="list" default="1" label="Caching" description="Select whether to cache the content of this module"> <option value="1">Use global</option> <option value="0">No caching</option> </param> <param name="cache_time" type="text" default="900" label="Cache Time" description="The time before the module is recached" /> </params>

Profile Information

Application afterLoad: 0.001 seconds, 0.23 MB Application afterInitialise: 0.073 seconds, 2.16 MB Application afterRoute: 0.087 seconds, 2.83 MB Application afterDispatch: 0.112 seconds, 3.64 MB Application afterRender: 0.259 seconds, 4.45 MB Memory Usage 4702404 16 queries logged


147

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Với nguyên tắc thứ nhứ:

Bạn vào trong quản trị PHPMyAdmin, chọn đến database của website. Chúng ta có cột Size cho biết dung lượng của dữ liệu trong mỗi bản. Nếu cột bằng 0 thì bạn hãy xóa nó đi. Nhìn qua cột Overhead cho biết bảng nào đang vượt quá dung lượng cho phép. Bạn suy xét xem bảng đó có được dùng trong website hay không, nếu không thì nên xóa nó đi

Với nguyên tắc thứ hai:

Bạn cũng vào trong quản trị PHPMyAdmin, chọn database của website, và check hết tất cả các table bằng cách click vào Check All. Kế tiếp trong khung chọn With Selected hãy chọn Optimize Table

Một câu lệnh truy vấn MySQL sẽ giúp chúng ta tối ưu hóa dữ liệu.

III: TẠO ĐƯỜNG DẪN THÂN THIỆN


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Trước khi tạo đường dẫn thân thiện thì đường dẫn của chúng ta đến một bài viết chẳng hạn sẽ là http://localhost/joomla15/index.php?option=com_content&view=article&id=5:joomla-license-guidelines&catid=25:the-project&Itemid=2

Rất là phức tạp phải không, trong đó nó bao gồm nhiều thông tin như section, category, tên bài viết…Ở đây chúng ta còn thấy giá trị ID, chính giá trị này cũng là con đường cho hacker tấng công vào website. Một địa chỉ dài sẽ làm thời gian truy tìm địa chỉ trên mạng tăng lên. Để tối ưu chúng ta sẽ giãm trường địa chỉ này.

Bạn vào Site > Global Configuration, trong tab Site, tìm đến vùng Seo Sttings, và chọn YES trong trường Seatch Engine Friendly URLs.

Sau khi bật lên thì địa chỉ của chúng ta sẽ là http://localhost/joomla15/index.php/content-

layouts

IV: MỘT SỐ PHƯƠNG PHÁP TỐI ƯU KHÁC Một số phương pháp sau đây tuy nhỏ nhưng cũng làm ảnh hưởng đến website của bạn:

- Sử dụng càng ít những thành phần mở rộng (Extension) chỉ dùng những gì cần thiết, tránh cài đặt quá nhiều mà không sử dụng.

- Giãm nội dung hiển thị của trang chủ, nhằm làm tăng tốc độ truy cập vào trang chủ của bạn.

- Tối ưu hóa dữ liệu media (hình ảnh, video…) - Tổ chức dữ liệu thành từng nhóm (sections), chủ đề (category).

BÀI 3: XUẤT BẢN WEBSITE LÊN INTERNET

I: HƯỚNG DẪN ĐĂNG KÝ HOST FREE TẠI BYETHOST Có rất nhiều dịch vụ cung cấp host free cho các bạn thực hành thiết kế web. Nhưng ở đây, tôi sẽ sử dụng host của nhà cung cấp Byethost. Bỡi những ưu điểm mà nó mang mạng.

- Dung lượng lưu trữ và băng thông cao. - Không có quảng cáo. - Hổ trợ tốt cho PHP, MySQL. - Cài đặt tự động nhiều bộ quản trị nội dung khác nhau, trong đó có Joomla.

Các bước hướng dẫn đăng ký host tại byethost như sau:

Bước 1: Truy cập vào địa chỉ http://byethost.com xem phía trên và click vào Sign Up Now, một bảng yêu cầu thông tin hiện ra, bạn nhập thông tin, bấm Registrer


149

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 2: Bấm Click Me To Continues, điền mã số bảo mật, bấm Register.

Bước 3: Một email kích hoạt được gửi đến email đã đăng ký ở bước 1, bạn truy cập vào link đó để kích hoạt.

Bước 4: Điền tiếp mã số xác thực một lần nữa, bạn sẽ nhận được một bảng thông tin.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Những thông tin nhận được này liên quan đến host mà bạn đã nhận được, nó rất quan trọng, vì vậy bạn hãy lưu nó lại. Nếu không lưu cũng không sao, vì nó cũng đồng thời được gửi đến email của bạn. Thông tin nhận được chú ý những thông tin sau:

- Username và password: Username được phát sinh ngẫu nhiên, nó không phải là username mà bạn đã đăng ký ở bước 1. Thông thường có dạng by_xxxxxxx, trong đó y_xxxxxx là số ngẫu nhiên. Đôi khi bạn sẽ quên con số này.

- FTP Server: Thông thường có dạng ftp.byethostx.com trong đó x là số ngẫu nhiên. - SQL Server: Cũng là ngẫu nhiên có dạng sqlxxx.byethostxx.com , trong đó x cũng là

ngẫu nhiên. - Control Panel: Là quan trọng nhất, nếu không nhớ những địa chỉ trên bạn có thể xem lại

khi vào đây. Và đây cũng là nơi quản lý host của bạn. Nó là cố định có địa chỉ http://cpanle.byethost.com hoặc http://panel.byethost.com

Bước 5: Đăng nhập trang quản trị host tại địa chỉ cpanel ở trên, và đăng nhập tài khoản đã được cung cấp.


151

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

II: QUẢN LÝ FILE TRÊN HOST

1: Online File Manager

Đây là phương pháp quản lý file bằng cách sử dụng ngay trình duyệt internet. Phần này sẽ hướng dẫn các bạn những bước cơ bản để quản lý file online. Bước 1: Trong giao diện Cotrol Panel, chọn Online File Manager, trong vùng File Manager

Bước 2: Một giao diện quản lý file mở ra. Để trang web hoạt động bạn phải upload các file hệ thống vào thư mục htdocs. Bạn dễ dàng nhìn thấy một file có tên là DO NOT UPLOAD FILE HERE đã nhắc nhở chúng ta không upload file vào thư mục root.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 3: Mở htdocs và bấm nút Upload để tải file lên. Nhìn lên file các nút công cụ bạn dễ dàng thao tác với các nút như New dir, New file, Copy, Move…

2: FTP Manager

Giao thức FTP là giao thức truyền tải file thông dụng nhất hiện nay. Có rất nhiều phần mềm giúp chúng ta quản lý file qua giao thức FTP như CuteFTP…những phần mềm này được gọi FTP Client. Nhưng trong bài này tôi sẽ hướng dẫn các bạn sử dụng ngay trong Window của mình. Đơn giãn là các bạn sử dụng Windows Explorer. Bước 1: Mở Windows Explorer, tại thanh địa chỉ gõ ftp://ftp.byethost24.com là địa chỉ của FTP server mà bạn đã đăng ký.

Bước 2: Trang thông tin đăng nhập hiện ra, bạn nhập username và password đến ftp server đã đăng ký vào. Đảm bảo là bạn không chọn Log On Anonymously

Bước 3: Đây là quản lý file theo giao thức FTP, bạn thấy nó giống như một thư mục bình thường trong Windows. Bây giờ việc upload thật đơn giãn như thao tác copy bình thường trong windows. Tuy nhiên bù lại nó cũng có nhiều khuyết điểm của nó, và không thích hợp cho người dùng chuyên nghiệp.


153

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

III: XUẤT BẢN WEBSITE LÊN INTERNET Nếu bạn đã có một website do bạn thiết kế trên máy tính, tức là local. Bây giờ tôi sẽ hướng dẫn các bạn chuyển nó lên host thật, tức là mọi người có thể truy cập được. Theo nguyên lý thì bạn phải upload tất cả các thư mục và file hệ thống trong thư mục chứa web lên host, theo hai cách mà tôi vừa hướng dẫn các bạn như ở trên. Nhưng may cho các bạn là trong Byethost có hổ trợ cho các bạn cài đặt tự động Joomla, vì vậy chúng ta sẽ giãm bớt thời gian phải up toàn bộ websie xuống chỉ cần tải lên những file chưa có.

Bước 1 : Vào Control Panel, bấm vào liên kết iVista - Easy Script Installation

Bước 2 : Chọn tên miền mà bạn muốn cài website của mình lên đó. (Vì Byethost hổ trợ bạn tạo nhiều host có tên miền khác nhau). Bấm Proceed.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 3 : Chọn source mà bạn muốn cài đặt, chúng ta chọn Joomla 1.5.xx, ở đây còn có nhiều web source khác nhau cho bạn thỏa mái lựa chọn. Chọn web sourcre nào bạn bấm Install Now bên cạnh nó.

Bước 4 : Chọn thư mục cài đặt. Nếu bạn muốn người dùng truy cập trực tiếp vào domain của bạn để vào web thì để trống. Tôi sẽ giải thích kỹ một chút chổ này, ví dụ bạn có domain là http://dctuit.byethost24.com Nếu bạn bỏ trống ở bước này thì website của bạn sẽ là http://dctuit.byethost24.com Nhưng nếu bạn đặt tên cho thư mục, ví dụ như Joomla15 thì website của bạn sẽ là http://dctuit.byethost24.com/Joomla15

Bước 5 : Nhìn thấy thông tin website đã cài đặt thành công. Bạn thử truy cập website của mình, sẽ thấy website đã xuất hiện với dữ liệu mẩu. Thông tin bạn cần nhớ lại là SQL Database name used. Ví dụ ở đây là b24_5012199_83232


155

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 6 : Mở lại Control Panel, chọn vào MySQL Databases trong vùng Database Management

Bước 7: Xóa bỏ đi CSDL cũ, vào tạo một CSDL mới. Để xóa bạn chọn tên CSDL trong phần Delete Database, rồi bấm Remove Database. Để tạo mới bạn nhập tên mới ở phần Create a New Database, và bấm Create Database. Lưu ý rằng tên mới tạo ra luôn có tiền tố b24_5012119 phía trước tên mà bạn đặt.

Bước 8: Bấm vào Admin cạnh tên CSDL vừa mới tạo để đến với trang quản trị PHPMyAdmin của CSDL này. Trang quản trị ở đây giống với trên local mà bạn đã thực hành từ những bài trước. Do đó tôi không nói nhiều nữa.


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

Bước 9: Import CSDL mà bạn đã tạo trên local vào đây. Các bước để import đã được tôi nói trong bài trước. Nếu chưa hiểu bạn hãy tìm lại.

Bước 10: Mở trình quản lý file theo cách nào đó do bạn chọn. Upload những file còn thiếu lên. Thông thường sẽ thiếu trong các thư mục Modules, Components, Plugins, Images, Language, Templates.Để biết file nào còn thiếu bạn cứ tải lên hết, chương trình sẽ hiện một thông báo các file đã tồn tại, và bạn chọn script (bỏ qua) những file đã có.

Bước 11: Bạn cần cấu hình lại file Configuration.php. Hãy mở nó ra bằng chế độ edit của Online File Manager cũng được. Tìm đến dòng var $db = 'b24_5012119_83232'; và thay b24_5012119_83232 bằng tên CSDL mới ví dụ này là 'b24_5012119_abc'

Bước 12: Truy cập thử website của bạn xem có thành công hay không.

IV: THÔNG SỐ CẦN CHÚ Ý KHI TẢI WEBSITE LÊN INTERNET Trong file Configuration.php có những biến chứa thông số quan trọng cho kết nối website của bạn với CSDL. Khi xuất bản website của bạn lên internet, bạn cần chú ý môt vài thông số sau đây, nếu gặp trường hợp website bị lỗi do không kết nối được đến CSDL bạn hãy mở file này ra, để xem mình đã ghi đúng cấu hình chưa.

var $host = 'localhost'; biến này là địa chỉ host của SQL Server. Trên máy tính thì nó là localhost. Nhưng trên mạng thì có khi khác. Điển hình nhất là trong trường hợp của Byethost là địa chỉ SQL Server bạn nhận được khi đăng ký host. Ví dụ var $host = ' sql101.byethost24.com ';

Nhiều bạn nghĩ là tại sao không Drop các table trong CSDL cũ và import dữ liệu mới, làm như vậy sẽ không phải chỉnh sửa file Configuration.php nữa. Điều này sẽ làm website không hiển thị tiếng việt được. Vì CSDL tự động tạo ra không hổ trợ Unicode.

Đối với các host khác có hổ trợ cài đặt tự động thì bạn cũng làm tương tự. Nếu không có bạn phải tải lên tất cả các file.


157

GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

var $user = 'root'; Username để đăng nhập đến SQL Server. Trong trường hợp của Byethost thì đã được cung cấp rồi. Ví dụ var $user = 'b24_5012119';

var $db = 'databasename'; Tên của CSDL. Bạn nhớ ghi đúng tên, và nhớ rằng nó có tiền tố mặc định của nhà cung cấp dịch vụ phía trước.Ví dụ var $db = 'b24_5012119_abc’;

var $password = '123456'; Không cần nói nhiều thì bạn cũng biết đây là password dẫn đến SQL Server. Lưu ý nó không phải là mật khẩu admin đăng nhập trang quản trị Web Joomla.

--------------------------------------------------------------------------------------------------------------------


GIÁ

O T

RÌN

H T

HIẾ

T KẾ

WEB

VỚ

I JO

OM

LA

LỜI CẢM ƠN Cảm ơn các bạn đã dành thời gian xem hết cuốn sách này của tôi. Chưa biết là bạn có làm được website đẹp hay không, nhưng bạn đã đọc đến dòng này chứng tỏ bạn cũng đang có ý muốn tìm hiểu về Joomla. Đừng nãn chí nếu bạn thất bại, hãy tiếp tục khám nhé. Đừng ngại liên lạc với tôi nếu bạn gặp rắc rối. Tuy không dám là sẽ giúp bạn làm một website tuyệt đẹp, nhưng tôi dám là bạn sẽ tạo website “xem cũng được’.

TÀI LIỆU THAM KHẢO Joomla Development http://dev.joomla.org Joomla Docs http://docs.joomla.org Bài Giảng Của Trường Công Nghệ http://truongcongnghe.vn Vinaora http://vinaora.com