Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368Chươ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ệ t
Trang 1Website: http://www.docs.vn Email : lienhe@docs.vn Tel (: 0918.775.368
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
Trang 2Website: http://www.docs.vn Email : lienhe@docs.vn Tel (: 0918.775.368
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
Trang 3Website: http://www.docs.vn Email : lienhe@docs.vn Tel (: 0918.775.368
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
Trang 4Website: http://www.docs.vn Email : lienhe@docs.vn Tel (: 0918.775.368
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
Trang 5-Website: http://www.docs.vn Email : lienhe@docs.vn Tel (: 0918.775.368
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
Trang 6-Website: http://www.docs.vn Email : lienhe@docs.vn Tel (: 0918.775.368
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
Trang 7-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à
Trang 8chú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
Trang 92.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
Trang 10Chươ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)
Trang 113.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
Trang 12Joomla 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
Trang 13 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ó
Trang 14thể 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
Trang 15File.xml (Chứa thông số cài đặt)
Trang 163.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:
Trang 17File 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
Trang 183.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)
Trang 19Hì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
Trang 20Hì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
Trang 21Hì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
Trang 22Tạ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
Trang 23Hì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:
Trang 24Hì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)
Trang 25Hì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ề
Trang 26Hì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
Trang 27Hì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
Trang 28Hì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:
Trang 293.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 AdminComponent JoomFishTranslation ta được hình 2-27:
-Hình 2-27 Việt hóa với JoomFish
Trong mục Content elements: chọn mục cần translation
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:
Trang 30Và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
Trang 313.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
Trang 32Section Manager Quản Lý Vùng
Trang 33Sau 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:
Trang 34Logged 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
Trang 35Hì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
Trang 36cầ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ỉ:
Trang 37Hì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!
Trang 38Để 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 đặtGiao 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
Trang 39Chươ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ụ
Trang 40Chú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' ); ?>