TÌM HIỂU JOOMLA VÀ ỨNG DỤNG XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ

Tại sao lại chọn Joomla CMS ? liệu có thể tin tưởng được, Joomla có đủ mạnh ? nếu chưa đọc bạn hãy đọc bài viết giới thiệu về Joomla bạn sẽ biết Joomla tuyệt vời như thế nào

TRƯỜNG ĐẠI HỌC CỬU LONGKHOA CÔNG NGHỆ THÔNG TIN

TÌM HIỂU JOOMLA VÀ ỨNG DỤNG XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ

LUẬN VĂN KỸ SƯ CÔNG NGHỆ THÔNG TIN

Vĩnh Long - 2008

LỜI CẢM ƠN

Chúng em xin chân thành cảm ơn quí thầy cô đã giúp đỡ em thực hiện đềtài này Đặc biệt Thầy giáo hướng dẫn trực tiếp đã tận tình giúp đỡ, chỉ bảochúng em Chúng em xin trân trọng cảm ơn những tình cảm quí báu mà các thầy

- cô trường Đai Học Cửu Long đã truyền đạt cho em, những kinh nghiệm, kỹthuật và cách thức trong việc xây dựng đề tài này

Đồng thời em xin cảm ơn đến Thầy giáo quản lý nhóm làm luận văn,trong quá trình làm có gặp nhiều khó khăn cũng nhờ thầy động viên, giúp đỡ Vàgửi làm cảm ơn đến cộng đồng diễn đàn Joomla cũng như các website liên quan

đã tận tình giúp đỡ

Chúng con xin gởi đến cha mẹ lời ghi ơn sâu sắc, những người đã sinh ra

và dạy bảo chúng con trưởng thành đến ngày hôm nay

Tuy nhiên, do thời gian có hạn nên chúng em không thể phát huy hếtnhững ý tưởng, khả năng hổ trợ của ngôn ngữ và kỹ thuật lập trình vào đề tài.Trong quá trình xây dựng website, không thể tránh khỏi những sai sót, mongnhận được sự đóng góp và cảm thông của quí thầy cô và các bạn

Chương 1: LỜI NÓI ĐẦUTrong những năm gần đây với sự phát triển vượt trội của khoa học kỹthuật đặt biệt là công nghệ thông tin, với những ứng dụng của công nghệ thôngtin vào các lĩnh vực đã đóng góp phần to lớn cho sự nghiệp phát triển của conngười Trong các lĩnh vực đó thì lĩnh vực quản lý là thật sự giúp ích được rấtnhiều cho con người, việc áp dụng quản lý và mua bán bằng máy tính thay choquản lý và mua bán bằng thủ công ở các doanh nghiệp, công ty, cá nhân… là rấtcần thiết và thật sự cần thiết Do đó, việc “quản lý mua bán hàng qua mạng ” làkhông thể thiếu được trong mọi doanh nghiệp, cửa hàng vừa và nhỏ

Năm 2008 là năm đầu tiên Việt Nam có sự phát triển lớn mạnh về lĩnhvực thương mại khi chính thức trở thành thành viên thứ 150 của tổ chức thươngmại thế giới WTO Với sự phát triển mạnh mẽ đó không thể phủ nhận sự đónggóp của thương mại điện tử, một lĩnh vực nóng bỏng hiện nay! Một đất nướcđang phát triển mạnh mẽ, cuộc sống con người càng ngày nâng cao, mức tiêuthụ sản phẩm ngày càng tăng…Tóm lại nhu cầu con người ngày càng cao Vìthế việc trao đổi mua bán cũng như quản lý hàng hóa cần phải có sự thay đổi từthủ công sang máy móc

Chương trình chạy trên môi trường hệ điều hành WinXP, WinServer,Linux sử dụng ngôn ngữ chuẩn về xử lý dữ liệu như PHP, HTML, JavaScript,XML, CSS và hệ quản trị cơ sở dữ liệu MySQL Dùng Xampp làm môi trườngWebServer hỗ trợ sẵn Apacher, PHP, MySQL

Vì khả năng và thời gian còn hạn chế, Website không tránh khỏi có nhữngthiếu xót nhất định, rất mong sự góp ý kiến của quý thầy cô và các bạn đểWebsite được hoàn thiện hơn Xin chân thành cảm ơn

DANH MỤC CÁC HÌNH

Hình 21 Cấu Trúc Joomla 7

Hình 22 Hiển thị bun gói Joomla 14

Hình 23 Màn hình chính Xampp 15

Hình 24 Công cụ quản lý Database 15

Hình 25 Tạo Database 16

Hình 26 Giao diện cài đặt Joomla 16

Hình 27 Hiển thị phiên bản Joomla 17

Hình 28 Cài đặt bước 1 17

Hình 29 Màn hình thông báo 18

Hình 210 Cài đặt bước 2 18

Hình 211 Cài đặt bước 3 18

Hình 212 Cài đặt bước 4 19

Hình 213 Giao diện Joomla sau khi cài đặt xong 20

Hình 214 Cấu hình Joomla với Tab Site 21

Hình 215 Cấu hình Joomla với Tab Database 21

Hình 216 Cấu hình Joomla với Tab Server 21

Hình 217 Đăng nhập vào quản trị 22

Hình 218 Danh mục cài đặt 22

Hình 219 Cài đặt ngôn ngữ 22

Hình 220 Thông báo cài đặt thành công 23

Hình 221 Quản lý ngôn ngữ 23

Hình 222 Chọn ngôn ngữ 23

Hình 223 Chuẩn bị cài JoomFish 24

Hình 224 Cài đặt thành công JoomFish 24

Hình 225 Quản lý ngôn ngữ JoomFish 25

Hình 226 Sắp xếp ngôn ngữ 25

Hình 227 Việt hóa với JoomFish 26

Hình 228 Sắp xếp vị trí các Module 27

Hình 229 Việt hóa Module đại diện 27

Hình 230 Control Panel chưa việt hóa 28

Hình 231 Control Panel sau khi việt hóa 30

Hình 232 Giao diện mặc nhiên Joomla 32

Hình 233 Chọn giao diện hiển thị Front – End 34

Hình 234 Giao diện mẫu 35

Hình 235 Chọn giao diện Back – End 36

Hình 31 Vị trí Module 39

Hình 32 Quản lý ngôn ngữ 40

Hình 33 Quản lý giao diện Front – End 41

Hình 34 Quản lý giao diện Back End 41

Hình 41 Công thức trang thương mại điện tử 47

Hình 42 Chọn kiểu cài đặt 49

Hình 43 Cài đặt hoàn thành VirtueMart 51

Hình 44 Sao chép ngôn ngữ 52

Hình 45 Giao diện sau khi việt hóa 53

Hình 46 Giao diện chung cho phần quản lý Website 55

Hình 47 Phần Admin 55

Hình 48 Quản lý cửa hàng 56

Hình 49 Quản lý sản phẩm 57

Hình 410 Quản lý người mua hàng 58

Hình 411 Quản lý hóa đơn 58

Hình 412 Quản lý nhà sản xuất 59

Hình 413 Xem báo cáo thu nhập trong thời gian chỉ định 60

Hình 414 Quản lý thuế 60

Hình 415 Quản lý giao hàng 61

Hình 416 Giao diện sản phẩm trưng bày 61

Hình 417 Chi tiết sản phẩm 62

Hình 418 Chi tiết giỏ hàng 63

Hình 419 Đăng nhập là khách hàng quen 64

Hình 420 Đăng ký là khách hàng mới 65

Hình 421 Thông tin hóa đơn 66

Hình 422 Hoàn tất việc mua hàng 67

Hình 423 Thực hiện câu truy vấn tạo View 70

Hình 424 Kết quả của bảng bieu do 71

Hình 425 Code trang header.php 71

Hình 426 Xem báo cáo với biểu đồ doanh thu 72

Hình 427 Code trang header.php 2 74

Hình 428 Xem thông tin khách hàng thường xuyên 75

Hình 429 Xem Module liệt kê sản phẩm dạng cây 76

Hình 430 Xem kết quả bầu chọn 78

Hình 431 Câu truy vấn bảng View ten1 80

Hình 432 Kết quả của bảng View ten1 80

Hình 433 Đặt tên cho View 81

Hình 434 Kết quả của View ten2 81

Hình 435 Kết quả của View ten3 82

Hình 436 Giao diện sản phẩm liên quan 83

Hình 51 Giao diện đăng nhập Super Dumber 86

Hình 52 Giao diện chính Syper Dumper 87

Hình 53 Sao lưu và phục hồi dữ liệu 87

Hình 55 Giao diện MD5 89

Hình 56 Đăng nhập vào quản trị 89

Hình 57 Thông số chung của host 91

Hình 58 Thông số về PHP 91

Hình 59 Thông số về MySQL 92

Hình 510 Thông số liên quan 92

Hình 511 Các yêu cầu bắt buộc và khuyến cáo 93

Hình 512 Quyền hạng đối với các thư mục 93

-Chương 2: TỔNG QUAN VỀ ĐỀ TÀI 2.1 Lý do chọn đề tài

Hàng ngày, mỗi người trong chúng ta đều có thể có những nhu cầu thiếtyếu như : ăn uống, mua sắm, tư vấn, Và để đáp ứng những yêu cầu đó, chỉ đơngiản là chúng ta buộc phải đi đến các cửa hàng, các quán ăn, các công ty hay cáctrung tâm tư vấn, tại đây, chúng ta mới có thể tùy ý chọn lựa những thứ mìnhthích, những thông tin mình cần,

Dĩ nhiên, điều này ai trong chúng ta cũng đều có thể làm được Tuy nhiên,việc này có thể sẽ tốn kém rất nhiều thời gian mà đối với số nhiều người thì thờigian vô cùng quan trọng

Ngày nay, với sự bùng nổ của hệ thống mạng toàn cầu Internet và nhữnglợi ích vô cùng to lớn của nó mang lại đã thực sự thu hút và chinh phục conngười Tận dụng những tính năng mạnh mẽ của Internet, những công nghệ mới

về thông tin và truyền thông, người ta đã xây dựng nên những hệ thống đặc biệt

để mọi người có thể có thể ứng dụng đưa vào đời sống thực tiễn, và điều đó thực

sự sẽ làm thay đổi cuộc sống của xã hội chúng ta theo chiều hướng tiện lợi hơn,văn minh hơn

Thế là những hệ thống WEBSITE thương mại ra đời Và giờ đây, cùngvới việc Internet đang nhanh chóng lan rộng khắp toàn cầu thì WEBSITEthương mại sẽ trở thành công cụ chủ yếu và đắc lực cho việc kinh doanh muabán trên phạm vi toàn cầu

Bây giờ thì hầu như bất cứ nhu cầu nào của bạn cũng đều có thể được đápứng ngay tức khắc Với một máy tính cá nhân có kết nối mạng, bạn có thể lướttrên các trang WEB của các công ty, dịch vụ; thoải mái chọn lựa các mặt hàngmình thích, các thông tin mình cần ngay tại chỗ Các công ty, các doanh nghiệp

có thể quảng cáo các sản phẩm, các dịch vụ của mình trên các WEBSITE Điềunày sẽ giúp tăng doanh thu, tăng khách hàng và đặc biệt là dễ dàng tìm các đốitác kinh doanh Và việc chi trả thanh toán trực tuyến rất nhanh chóng và đơngiản thông qua các loại thẻ tín dụng Cho nên cần phải có những công nghệ mới

để quản lý, quản trị WEBSITE, để đáp ứng những nhu cầu trên vì lý do đó mà

chúng em chọn đề tài về Joomla quản lý trang web bán hàng, nó có thể đáp ứngđầy đủ các chức năng trên.

2.2 Mục tiêu đề tài

Khảo sát hệ thống thông tin “Thương Mại Điện Tử” theo yêu cầu của các

cá nhân, cơ quan, công ty…Việc bán hàng đòi hỏi cần phải có tư duy, đầu óckinh doanh và khả năng nhạy bén nắm bắt thị trường Một cửa hàng bán các mặthàng không cần nhiều nhân viên, khách hàng không cần trực tiếp đến mua hàng

mà có thể tại nhà dùng vài cái click chuột thì có thể có được sản phẩm mình cần

Việc tạo ra một website thương mại điện tử bán hàng trực tuyến sẽ gặpnhiều khó khăn trong việc bảo mật thông tin, cũng như qui tín đến khách hàng

Joomla là một hệ thống quản trị nội dung (CMS – Content Management

System) giúp bạn thực hiện các website động một cách nhanh chóng và dễ dàng

Là hệ thống quản trị nội dung mã nguồn mở số 1 thế giới hiện nay Linh hoạt,đơn giản, thanh nhã, tính tuỳ biến rất cao và cực kỳ mạnh mẽ, đó là những gì cóthể nói về Joomla! Được sử dụng ở trên toàn thế giới từ những trang web đơngiản cho đến những ứng dụng phức tạp Việc cài đặt Joomla! rất dễ dàng, đơngiản trong việc quản lý và đáng tin cậy

Xây dựng được một website “Quản lý bán hàng trực tiếp qua mạng”tương đối hoàn chỉnh, phục vụ một cách có hiệu quả cho người dùng dựa trênviệc sử dụng phần mềm quản trị CSDL MySQL và xây dựng ứng dụng dựa trênkết hợp các ngôn ngữ ngôn ngữ PHP, HTML, XML, CSS Đồng thời cũngnghiên cứu song song thêm công cụ thiết kế giao diện Microsoft OfficeFrontPage 2003, Macromedia DreamWeaver MX thân thiện với người dùng

2.3 Phạm vi, đối tượng của đề tài

Website được xây dựng nhằm hỗ trợ cho các cá nhân, công ty, cơ quan,

… có nhu cầu quản bá sản phẩm, cũng như quản lý trong việc bán sản phẩm

2.4 Ý nghĩa thực tiển của đề tài

2.4.1 Ý nghĩa đối với người sử dụng hệ thống website

Có thể tra cứu, cập nhật, thống kê, báo cáo sản phẩm, nhà sản xuất, thôngtin khách hàng, hóa đơn, thuế, …

Mua sản phẩm dể dàng, ít tốn kém, hàng hóa chất lượng, phục vụ tận tình

từ nhân viên website

2.4.2 Ý nghĩa đối với cá nhân sinh viên

Tạo một website thân thiện, nhanh và hiệu quả hơn trong việc quản lý,hay bán sản phẩm bằng thủ công Hoàn thành tốt luận văn tốt nghiệp đồng thờiqua đó nâng cao trình độ của mình

Chương 3: TÌM HIỂU VỀ JOOMLA 3.1 Giới thiệu sơ lược về Joomla

Joomla là một hệ thống quản trị nội dung (CMS – Content Management

System) giúp bạn thực hiện các website động một cách nhanh chóng và dễ dàng

Là hệ thống quản trị nội dung mã nguồn mở số 1 thế giới hiện nay Linh hoạt,đơn giản, thanh nhã, tính tuỳ biến rất cao và cực kỳ mạnh mẽ, đó là những gì cóthể nói về Joomla! Được sử dụng ở trên toàn thế giới từ những trang web đơngiản cho đến những ứng dụng phức tạp Việc cài đặt Joomla! rất dễ dàng, đơngiản trong việc quản lý và đáng tin cậy

Ứng dụng Joomla trong nhiều lĩnh vực như:

 Trang Web của các tổ chức hoặc của các cổng thông tin (Portal)

 Thương mại điện tử

 Trang Web cho các công ty cỡ nhỏ

 Ứng dụng cho các cơ quan hành chính

 Trang Web cho các trường học và nhà thờ

 Trang Web cá nhân và gia đình

Hiện nay Joomla phát triển theo 2 dòng phiên bản: dòng phiên bản Joomla1.0.X (ổn định) và dòng phiên bản Joomla 1.5.X ( đang phát triển)

3.2 Vài nét về lịch sử của Joomla

Joomla là "sản phẩm anh em" với Mambo của tập đoàn Miro SoftwareSolutions - Úc (hãng đang nắm giữ Mambo) với những người phát triển nòngcốt Ban đầu công ty Miro đã phát triển Mambo theo dạng ứng dụng mã nguồnđóng Đến tháng 4 năm 2001, công ty đã thông qua một chính sách bản quyềnkép, nghĩa là phát hành Mambo theo cả giấy phép GPL

Đến ngày 17 tháng 8 năm 2005, do sự tranh chấp về mặt pháp lý cũngnhư mong muốn vào sự phát triển của Mambo dựa trên quỹ tài trợ và sự hỗ trợcủa cộng đồng nên toàn bộ đội phát triển nòng cốt của Mambo đã rời khỏi dự ántrong khi đang làm việc với phiên bản 4.5.3

Nhờ sự trợ giúp của Trung tâm Luật Tự do Phần mềm (Software FreedomLaw Center - SFLC), 20 thành viên nòng cốt cũ của Mambo đã thành lập một tổchức phi lợi nhuận khác lấy tên là Open Source Matters, để hỗ trợ về mặt tổchức, pháp lý và kinh phí cho dự án mã nguồn mở còn chưa được đặt tên của họ.Ngay ngày hôm sau, 1000 người đã gia nhập diễn đàn OpenSourceMatters, hầuhết các bài viết cho diễn đàn đều khuyến khích và đồng tình với hành động củaNhóm Phát triển Tin trên đã nhanh chóng được đăng tải trên các tạp chínewsforge.com, eweek.com và ZDnet.com

Trong một thông báo của Eddie (người đứng đầu dự án) 2 tuần sau đó, cácnhóm đã được tổ chức lại và cộng đồng Joomla tiếp tục tăng trưởng Tới ngày 1tháng 9 năm 2005 tên mới của dự án đã được thông báo cho khoảng 3000 ngườitheo dõi đội Phát triển và đến ngày 16 tháng 9 thì họ cho ra đời Joomla 1.0

3.3 Tại sao phải chọn Joomla?

Tại sao lại chọn Joomla CMS ? liệu có thể tin tưởng được, Joomla có đủ mạnh ? nếu chưa đọc bạn hãy đọc bài viết giới thiệu về Joomla bạn sẽ biết

Joomla tuyệt vời như thế nào

Joomla là một hệ thống quản trị nội dung (CMS – Content ManagementSystem) mã nguồn mở dùng ngôn ngữ PHP và cơ sở dữ liệu MySQL

Joomla là một sân chơi, giao lưu học tập hoàn toàn miễn phí, tồn tại dựa

trên sự hỗ trợ, tham gia phát triển của tất cả mọi người, những người yêu thích

Joomla và những người muốn góp phần nhỏ kiến thức của mình thúc đẩy sự

phát triển CNTT Việt Nam

Hiện nay đang phát triển song song với Joomla là DotNetNuke,

Dotnetnuke là một portal mã nguồn mở viết trên công nghệ Net hay còn gọiDotNetNuke là một Portal mã nguồn mở, có nhiều tính năng gần giống nhưJoomla, nhưng nó phát triển rộng hơn Để biết rỏ giữa Joomla và DotNetNukenhư thế nào, chúng ta làm một phép so sánh :

 Giá thuê host Joomla rẻ hơn (DotNetNuke phải chạy trên Windowsserver tốn tiền hơn Joomla chạy trên Linux server)

 Cộng đồng Joomla lớn hơn (bạn cứ thử gõ "DotNetNuke" trênGoogle rồi sau đó gõ Joomla trên Google sẽ có kết quả ngay ấy mà)

 Các phân luồng thông tin và phân quyền trong Joomla rõ ràng hơn,

dễ sử dụng hơn với người cập nhập thông tin

 Tuy nhiên Joomla không thể quản trị cho các site có cơ sở dữ liệulớn

 Tầng thứ ba là mức mở rộng Tại tầng này có các thành phần

(component), mô đun (module) và giao diện (template) được thực thi và thể

hiện

JApplication: Lớp này đại diện cho ứng dụng Joomla và được thực hiện

như một nhà máy qui định mọi ứng dụng giữ những đối tượng Lớp này bao

gồm các lớp con như: JInstallation, JAdministrator và JSite.

Mambot (Plug-in): Là các chức năng được bổ sung thêm cho Com, các

Mambot này sẽ can thiệp, bổ sung vào nội dung của trang Web trước hoặc saukhi nó được hiển thị Mambot có thể được cài đặt thêm vào Web Site Hay nóicách khác Mambot là phương tiện giao tiếp với component

3.4.1 Cấu trúc của gói cài đặt Component

Component (Com): Là thành phần chính của trang Web, nó quyết định

đến chức năng, hình thức, nội dung chính của mỗi trang Web Com có thể cóthêm Mod để hỗ trợ cho việc hiển thị các chức năng và nội dung của Com Com

có thể được cài đặt thêm vào Web Site Thông thường sau khi cài đặt Joomla! cósẵn các Component: Banners (quản lý các bảng quảng cáo), Contacts (quản lýviệc liên hệ giữa người dùng với Ban quản trị Web Site), Search (quản lý việctìm kiếm), News Feeds (quản lý các tin tức), Polls (quản lý việc bình chọn, ýkiến của người dùng), Web Links (quản lý các liên kết ngoài Web Site) và cácCom quản lý nội dung của trang Web

3.4.2 Cấu trúc của một Component

Backend thông thường sẽ gồm những file cơ bản sau: 1 file

admin.yourcom.php, 1 file admin.yourcom.html.php, 1 file

toolbar.yourcom.php, 1 file toolbar.yourcom.html.php

Frontend sẽ gồm 2 file cơ bản (thông thường): 1 file yourcom.php, 1 file yourcom.html.php

Chú ý: không nhất thiết một component của bạn phải hoặc chỉ bao gồm

các file trên, các file bắt buộc là admin.yourcom.php và yourcom.php (folder

chứa com cả trong frontend và backend sẽ là com_yourcom) Ngoài ra bạn có

thể có các file khác (vd yourcom.class.php chẳng hạn), các folder, các file js,file ảnh tùy thuộc vào mức độ bạn cần ở com này và mức độ bạn hiểu.

Một file XML để phục vụ cho việc cài đặt khi bạn đóng gói File XMLnày sẽ mang tất cả các thông số về Tên com; tên tác giả, địa chỉ email, license (optional) Mục đích chính của file này là khai báo các file trong frontend vàbackend (đường dãn đầy đủ của các file này) để upload khi cài đặt, khai báo cácquery tạo và insert database (nếu bạn phải thêm database) và các query uninstall

Một điểm quan trọng là phải hiểu các object, class, function cơ bảntrong joomla thì mới sử dụng được chúng để viết (ví dụ như object vềdatabase )

Khi đóng gói thì nhớ ở dạng zip, tar nếu ở dạng zar thì joomla ko hiểu

đc Nếu chưa đóng gói được thì làm manual bằng cách insert trong database vàcopy các file vào các folder tương úng (không khuyến cáo sd cách này)

3.4.3 Cấu trúc của gói cài đặt Module

Module (Mod) Là bộ phận mở rộng thêm chức năng cho Web Site, các

Mod này có các chức năng khác nhau, được hiển thị trên trang Web tại các vị tríqui định và có thể thay đổi được Một trang Web có thể hiển thị nhiều Modgiống và khác nhau, Mod có thể được cài đặt thêm vào Web Site.Thông thườngsau khi cài đặt Joomla! có sẵn các Module: Main Menu (menu chính), TopMenu (menu phụ, nằm ngang), Search (hiển thị công cụ tìm kiếm), Poll (hiển thịbảng bình chọn, lấy ý kiến), Newsflash (hiển thị các bản tin nổi bật), HitCounter (hiển thị số lượng truy cập Web Site), Banners (hiển thị các bảng quảngcáo)

Thông thường một Mod sẽ gồm có 2 file chính là php (chương trình) và file xml (thông số cài đặt), ngoài ra có thể có thêm thư mục ảnh, Java Script

hỗ trợ thêm cho Module

File.xml (Chứa thông số cài đặt)

3.4.4 Cấu trúc của gói cài đặt Template (Temp)

Template : Là giao diện, khuông dạng, kiểu mẫu, hình thức được thiết kế

để trình bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộphận, thành phần của trang Web Joomla! cho phép cài đặt và thay đổi Tempcho Web Site hay cho từng trang Web khác nhau một cách dễ dàng

Một gói cài đặt template Joomla gồm các file bắt buộc sau:

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ìnhdung khi lựa chọn template hoặc trong phần quản trị hoặc ở mặt tiền củaWebsite (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ó)

3.4.5 Cách đưa Component, Module và Template tích hợp vào

Joomla

Để có thể tích hợp component, module và template vào Joomla ngoài việc

dựa vào chuẩn cấu trúc của từng phần, kiến trúc của Joomla mà còn theo một sốphương pháp sau:

Các com, mod, template được tạo ra phải nén dưới dạng file.zip khi đómới được cài đặt vào

Các com, mod, temp phải phù hợp với từng phiên bản của Joomla

Dùng lệnh Installation tương ứng với com, mod, temp để cài đặt

Sau khi đã cài đặt thành công thì kích hoạt com, mod, temp để có thể chạyứng dụng bằng cách Publish

3.5 Sử dụng WebServer chạy Joomla (Xampp):

Để chạy được Joomla ta cần phải có một WebServer với Apache, MySQL, PHP and Perl, việc cấu hình và cài đặt WebServer gặp nhiều khó

khăn và tốn kém thời gian Hiện nay có nhiều phần mềm cấu hình sẳn và ứngdụng như một WebServer như Xamp, Wamp,…

Trong phần này chúng tôi sử dụng WebServer Xampp để chạy Joomla 3.5.1 Cài đặt WebServer Xampp

Xampp dùng để giả lập máy tính thành một máy chủ web (máy tính khi

được giả lập máy chủ web sẽ được gọi là: localhost, để phân biệt với các máychủ đang hoạt động trên web là host server

Truy cập vào địa chỉ:

http://www.apachefriends.org/en/xampp-windows.html#641 để tải gói Xamp

Đầu tiên, bung nén gói Xampp vào một thư mục gốc của máy tính Ở đây

mình dùng ổ C: Cần lưu ý là các file trong gói Xampp phải nằm ngay trong thư

mục cấp 1 ở ổ C:\Xamp

3.5.2 Cấu hình WebServer Xampp

Đây là gói Xamp đã được cấu hình hoàn chỉnh, khi muốn chạy Xamp chỉ

cần chọn xampp_start và muốn không chạy Xamp chỉ cần chọn xampp_Stop,

và muốn điều khiển Xamp thì chọn xampp_control.

3.6 Cài đặt và cấu hình Joomla

Hiện nay Joomla có 2 dòng, dòng 1.0.x đã ổn định và phù hợp để thựchiện các website của mình Phiên bản mới nhất của dòng này là 1.0.15 Dòng1.5.x đang phát triển tới phiên bản beta, chỉ phù hợp để test,chưa phù hợp đểlàm website chính thức Trong bài này, tôi dùng phiên bản 1.0.15 Để downloadJoomla, có thể vào Website http://www.joomla.org , tới mục download bên trái

và chọn phiên bản 1.0.15

3.6.1 Cài đặt Joomla

Bung nén gói Joomla vừa download về, vào thư mục C:\xampp\htdocs,

và đổi tên thư mục chứa Joomla thành joomla15 để sau này dễ truy cập (Xem

Hình)

Hình 2-2 Hiển thị bun gói Joomla

Để cài đặt Joomla, trước tiên chúng ta phải tạo một database rỗng và phảigiả lập máy tính của mình thành web server (cụ thể trong trường hợp này làlocalhost) Chúng ta sẽ sử dụng gói XAMPP để làm cả hai công việc trên

Vào thư mục C:\xampp, double-click file xampp_start

Mở trình duyệt web lên, trong thanh Address, gõ vào dòng chữhttp://localhost, bạn sẽ thấy dòng chữ XAMPP, chọn ngôn ngữ English Lúc nàymàn hình sẽ tương tự hình 2-3

Hình 2-3 Màn hình chính Xampp Nhìn menu bên trái, bạn sẽ thấy mục Tools, chọn phpMyAdmin.

phpMyAdmin là công cụ giúp quản lý các database

Hình 2-4 Công cụ quản lý Database

Màn hình sẽ tương tự như hình 2-5

Hình 2-5 Tạo Database Trong mục Create new database: gõ dòng chữ joom15, đây là tên của database mà ta sẽ sử dụng, mục collation nhớ chọn utf8_unicode_ci để thuận lợi cho việc sử dụng tiếng Việt trong joomla sau này Bấm nút Create

Sau khi tạo thành công một database rỗng mới tên joom15, vào trìnhduyệt gõ dòng chữ: http://localhost/joomla15 Màn hình cài đặt Joomla sẽ bắtđầu

Hình 2-6 Giao diện cài đặt Joomla

Nhấn nút Next trên góc phải

Hình 2-7 Hiển thị phiên bản Joomla

Tiếp tục nhấn Next Lúc này, màn hình cài đặt sẽ tới bước 1 như hình 2-8

Hình 2-8 Cài đặt bước 1

Điền các thông số cần thiết như trên và tiếp tục nhấn Next

Có một thông báo xuất hiện Nhấn OK

Hình 2-9 Màn hình thông báo

Tại bước 2, đặt tên site (Ví dụ: Le Nhut Truong, Web site của Le Nhut

Truong), tên này sẽ xuất hiện trên thanh trình duyệt khi duyệt site Nhấn Next

Hình 2-10 Cài đặt bước 2

Trong bước 3, điền địa chỉ email và Admin password (password này dùng

để truy cập vào phần quản lý website sau này) Nhấn Next

Hình 2-12 Cài đặt bước 4

Hệ quản trị Joomla có hai mặt:

 Front-End: là mặt trước của Joomla, thể hiện các tin tức, hình ảnh cho

người truy cập xem

 Back-End: là mặt sau, dành cho người quản lý site (administrator).

Phải có username và password mới truy cập được vào back-end để quản lýthông tin, cấu hình hệ thống

Sau khi cài đặt thành công ở bước 4, bạn vào thư mục C:\xampp\htdocs\

joomla, xóa bỏ thư mục Installation (điều này để tránh cài đặt lại joomla, khi

truy cập vào site)

Nhấn vào nút View Site ta có như hình 2-13:

Hình 2-13 Giao diện Joomla sau khi cài đặt xong 3.6.2 Cấu hình Joomla

Joomla khi cài xong đã cấu hình mặc định một vài tính năng trong hệthống, tuy nhiên chúng ta cũng cần xem lại và cấu hình cho hợp lý Trong phầnnày chúng tôi hướng dẫn cấu hình một số tính năng trong hệ thống như sau:

Vào Admin (Back-end) và chọn Global Configuration trong Control Panel Chú ý:

Trong tab Site:

 Site offine: có 2 trạng thái: Không (hoạt động), Có (ngừng hoạt động)

 Offine Message: hiển thị thông báo web sỉte ngừng hoạt động

 System Error Message: hiển thị thông báo khi web sỉte bị lỗi

Hình 2-14 Cấu hình Joomla với Tab Site

Trong tab Database:

 MySQL Database: tên Database sử dụng(joomla15)

Hình 2-15 Cấu hình Joomla với Tab Database Trong tab Server: chú ý Register Globals Emulation chọn OFF

Hình 2-16 Cấu hình Joomla với Tab Server 3.7 Cài đặt một số ứng dụng cho Joomla

3.7.1 Cài đặt ngôn ngữ tiếng việt cho Joomla

Trong trình duyệt web, gõ: http://localhost/joomla/administrator Mànhình sẽ tương tự như hình 2-17

Hình 2-17 Đăng nhập vào quản trị

Gõ vào username và password Lúc này ta đã truy cập vào phần End dùng để quản lý site

Back-Vào mục Installers/Languages Sau đó nhấn nút Browse, tìm đến file

tiếng Việt cho Joomla 1.0.15 mà bạn đã tải về

Hình 2-18 Danh mục cài đặt Chọn Installer/Languages màn hình xuất hiện như hình 2-19:

Hình 2-19 Cài đặt ngôn ngữ Nhấn nút Upload File & Install Một thông báo cài đặt gói tiếng Việt

thành công hiện ra

Hình 2-20 Thông báo cài đặt thành công

Nhấn Continue… Bạn sẽ vào khu vực quản lý Ngôn ngữ

Hình 2-21 Quản lý ngôn ngữ

Chọn ngôn ngữ VietNam, và nhấn Publish

Hình 2-22 Chọn ngôn ngữ

Lúc này ngôn ngữ mặc định của site sẽ là tiếng Việt Có thể kiểm tra bằngcách quay ra Front-End để xem Trong trình duyệt gõ http://localhost/joomla

3.7.2 Cài đặt JoomFish tích hợp chuyển đổi ngôn ngữ trong Joomla

Việc có 1 trang web có thể hiển thị bằng nhiều thứ tiếng được rất nhiềungười sử dụng Joomla! quan tâm, component JoomFish sẽ giúp chúng ta thựchiện việc đó 1 cách dễ dàng thông qua phần quản trị của Joomla!

Vào mục Installers/Components, Browse tới file component JoomFish vừa download về và nhấn Upload File & Install.

Hình 2-23 Chuẩn bị cài JoomFish

Khi cài đặt thành công chúng ta sẽ thấy màn hình chào mừng củaJoomFish

Hình 2-24 Cài đặt thành công JoomFish Vào Components/Joom!Fish/Languages

Chúng ta thấy rằng hiện giờ JoomFish đã nhận diện được có 3 gói ngônngữ trong website của chúng ta

Hình 2-25 Quản lý ngôn ngữ JoomFish

Chọn thứ tự cho các ngôn ngữ sẽ hiện ra trên Front-end Tiếng Việt là 0,tiếng Anh là 1, tiếng Pháp là 2

Hình 2-26 Sắp xếp ngôn ngữ

Sau đó nhấn Save

3.8 Việt hóa Joomla

Hiện nay phiên bản Joomla 1.0.x chưa có bản việt hóa cụ thể, đang trên đàxây dựng và phát triển, thay vào đó thì phiên bản 1.5.x đã có phần việt hóa cảbên trong (Back-End) và bên ngoài (Front-End) Sau đây là cách việt hóa thủcông mà chúng tôi đã nghiên cứu:

3.8.1 Việt hóa phần Front-End(bên ngoài)

Công cụ JoomFish hỗ trợ cho chúng ta Việt hóa phần bên ngoài, sau đây

là cách Việt hóa sử dụng JoomFish:

Vào AdminComponent JoomFishTranslation ta được hình 2-27:

Vào từng mục và chọn nội dung nào cần translation

Trong mục Languages: chọn ngôn ngữ cần translation

 English:

 Vietnam:

Vào từng mục và chọn nội dung nào cần translation

Ví dụ: muốn translation mục modules với ngôn ngữ VietNam

 Content elementsmodules

 LanguagesVietnam

Hình 2-28 Sắp xếp vị trí các Module Translation mục Banners: click vào Bannersmàn hình

3.8.2 Việt hóa phần Back-End( phần người quản trị )

Việt hóa phần Back-End hiện nay chưa có chương trình nào hỗ trợ cũngnhư file language nào cho Back-End, ở đây chúng tôi dùng phương pháp thủcông là can thiệp vào code bên trong

Back-end là phần quản lý Web Site dành cho các Quản trị(Administrator), chủ nhân của Web Site Phần này cho phép cấu hình các thông

số về hoạt động, nội dung, hình thức và quản lý các thành phần, bộ phận đượctích hợp thêm cho Web Site

Địa chỉ để vào Back-end trên localhost là

http://localhost/joomla15/administrator/index2.php Sau khi Log-in vào

Aministrator (Admin) bạn sẽ thấy bảng điều khiển (Control Panel) và các Menu chức năng của Admin Bảng điều khiển này có các mục như sau:

Hình 2-30 Control Panel chưa việt hóa

Control Panel Bảng Điều Khiển

Content Items Manager Quản Lý Biêu Tượng Nội

DungStatic Content Manager Quản Lý Nội Dung Tĩnh

Frontpage Manager Quản Lý Trang Giao Diện

Section Manager Quản Lý Vùng

Sau khi việt hóa ta có được Hình 2-31:

Hình 2-31 Control Panel sau khi việt hóa

Việt hóa phần Menu của Admin ( Menu )

Sau khi việt hóa ta được kết quả sau:

Bảng thông tin của Web Site:

Logged Các thành viên đăng nhập vào Web Site

Components Các Com trên Web Site

Popular Các nội dung được xem nhiều nhất

Latest Items Các nội dung mới nhất

Menu Stats Các Menu trên Web Site

3.9 Thiết kế giao diện cho Joomla

Template Là giao diện, khuông dạng, kiểu mẫu, hình thức được thiết kế

để trình bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộ phận, thành phần của trang Web Joomla! cho phép cài đặt và thay đổi Temp cho Web Site hay cho từng trang Web khác nhau một cách dễ dàng

Một trong những phần quan trọng nhất của website đó là giao diện hay

còn gọi là “Template” Phần này ngoài việc hiển thị nội dung của trang Web

còn là nơi mọi người có thể tương tác với Web Site như đăng ký thành viên,

tham gia quản lý và viết bài đăng trên trang Web Sau khi cài đặt Joomla ta có

hình dạng bố cục Template mặc nhiên của Joomla, hình dạng, bố cục này chúng

ta có thể thay đổi được

3.9.1 Thiết kế phần Front-End(bên ngoài)

Front-End Là các trang Web mà mọi người sẽ được thấy khi truy cập vào Web Site của bạn Phần này ngoài việc hiển thị nội dung của trang Web còn là nơi mọi người có thể đăng ký thành viên và tham gia quản lý, viết bài đăng trên trang Web

Khi cài xong Joomla chúng ta có giao diện (Template) mặc nhiên sau:

1

Hình 2-32 Giao diện mặc nhiên Joomla

Các Component (Com) và Module (Mod) hiển thị ở Front-end đều có thể thay đổi và hiển thị khác nhau trên các trang web khác nhau

Chúng ta có thể thiết kế template theo ý muốn của chúng ta, cũng như theo yêu

2

3 4

6

10

13 14

7

12

cầu của người dùng Việc thiết kế template rất mất thời gian và tốn kém Hiện nay trên thị trường cũng có bán rất nhiều loại template với giá cả hợp lý Và đáng quan tâm hơn là những template free.chúng ta có thể download tại địa chỉ:

Hình 2-33 Chọn giao diện hiển thị Front – End

Sau khi chọn giao diện ta được giao diện Hình 2-34:

Hình 2-34 Giao diện mẫu

Sau khi ta có một giao diện với bố cục và vị trí theo ý muốn, ta bắt đầu thiết kế giao diện theo sở thích của mình như cách tổ chức components, module,

… và chọn một vị trí thích hợp sau đây là một giao diện mẫu chúng tôi đã thiết kế:

3.9.2 Thiết kế phần Back-End(bên trong)

Back-End Là phần quản lý Web Site dành cho các Quản trị, chủ nhân của Website Phần này cho phép cấu hình các thông số về hoạt động, nội dung, hình thức và quản lý các thành phần, bộ phận được tích hợp thêm cho Joomla!

Để có giao diện phần back-end theo sở thích của người dùng, chúng ta có thể tự thiết kế hoặc dùng mã nguồn mở có sẳn trên Internet Sau đây các bước cài đặt giao diện back-end.

 B1: Vào Nhà Quản TrịCài đặtGiao diện - Quản trị

 B2: upload file đến đường dẫn chứa thư mục template admin vừa download

 B3: Vào Vị trí Quản lý giao diện  Giao diện quản trị chọn đến template admin nào cần dùng

Hình 2-35 Chọn giao diện Back – End

Chương 4: TÌM HIỂU MỘT SỐ THÀNH PHẦN TRONG JOOMLA 4.1 Media Manager – Quản lý Media

Tạo (hoặc xóa) những thư mục chứa các file media

Upload nội dung media vào bất kỳ thư mục nào, hoặc xóa những file media đã có

Lấy những code (dòng địa chỉ url đầy đủ) cần dùng media trong site của bạn

4.2 Site Preview(Xem trước Site)

Chức năng Site Preview cung cấp khả năng cho chúng ta xem tiếng trình công việc của mình trên site Chọn “Site  Preview” từ mune Administrator sẽ cho ta ba chọn lựa :

 Cửa sổ mới

 Trong dòng

 Trong dòng với các vị trí

4.3 Site Statistics (Thống kê vị trí)

Browser statistics (thống kê về trình duyệt)

Operating System statistics (thống kê về hệ điều hành)

Top Level Domain statistics (Thống kê những tên miền đỉnh cao)

4.4 Managing Templates & Modules Positions

4.4.1 Template Managing

Cung cấp một nơi làm việc để cài đặt và điều khiển các template

Các Administrator và Manager với quyền cấp phép đặc biệt cho TemplateManager có thể chỉnh sửa template

Các template cũng có thể được gán cho những phần khác nhau của site, giống như các module

Nếu chúng ta có nhiều template được cài đặt trên hệ thống Joomla, chúng

ta có thể điểu khiển ngay chúng một cách thuận lợi

Chúng ta có thể gán một template cho một (hay nhiều) trang đặc biệt từ thanh công cụ

Chúng ta có thể chọn nhiều trang từ menu và gán chúng cho một

template

Nếu chúng ta muốn xóa một template đã được gán từ một (hay nhiều) trang, chọn lai template đã được gán (bằng nút radio), rồi click biểu tượng

“Assign” trên thanh công cụ

Hoặc click “None” để xóa hoàn toàn việc gán cho template

Template Manager cũng cho phép chúng ta chuyển đổi qua lại template mặc định (dùng nút Default) sẽ xuất hiện trên tất cả các trang mà không có gán đặc biệt nào

4.4.2 Module Positions và Positions Preview

Trang Module Positions cho phép chúng ta nhập vào những chi tiết về những vị trí module chúng ta đã dùng trong template

Chúng ta cần những vị trí không có trước trong cài đặt mặc định joomla, chúng ta đơn giản chỉ cần thêm một tên của module position và một phần mô tả, phần mô tả là tùy chọn

Một khi chúng đã nhập vị trí thêm nào đó chúng ta đã tạo, click biểu tượng “Save” trong Toolbar và những thay đổi mình làm sẽ nhập vào Joomla

Chúng ta có thể gán ngay những modules vào những position (vị trí) mới vừa tạo trong Module Manager

Địa chỉ cơ bản chèn vào template của chúng ta cua-chúng ta/index.php) để có thể gán được vào những vị trí cụ thể : <?php mosLoadModules ( 'position' ); ?>