Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website

- Xây dựng module tra từ điển cho website sử dụng cơ sở dữ liệu MySQL. - Một số tiện ít khác trên website

Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website I. Giới thiệu đề tài 1. Tên đề tài - Tìm hiểu & xây dựng website bằng mã nguồn mỡ jooma, Thiết kế module tra từ điển cho website. 2. Giới thiệu đề tài - Tìm hiểu mã nguồn mỡ joomla (lịch sử hình thành, các phiên bản ra đời….). - Xây dựng website trên localhost bằng mã nguồn joomla. - Giới thiệu một số phần mềm, tài liệu phục vụ học tập. - Xây dựng module tra từ điển cho website sử dụng cơ sở dữ liệu MySQL. - Một số tiện ít khác trên website. 3. Nội dung a) Phần dành cho người truy cập: - Truy cập vào website mọi người có thể; đọc các bài mà admin, thành viên gởi. Liên hệ với người quản trị website, gởi lại thông tin cần góp ý qua mục Guestbook. - Sử dụng ứng dụng tra từ điển để tra từ - Một số ứng dụng khác mà website có…. b) Phần dành cho người quản trị: - Chỉnh sửa các module trên website. - Thêm xóa sửa các bài viết mà admin gởi cũng như thành viên. - Tùy chỉnh cho website đẹp hơn… 4. Đôi tượng phục vụ - Trước tiên phục vụ cho học tập. - Do là dựa trên mã nguồn mỡ nên có thể dễ dàng tùy biến để phục vụ cho tất cả lĩnh vực (Báo chí, mua bán, đăc biệt là ứng dụng thương mại điện tử… ). II. Tìm hiểu về joomla 1. Joomla là gì? - Joomla là gì?. là một hệ quản trị nội dung mã nguồn mở. 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 . Joomla! có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng tốc độ hiển thị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để in, bản tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm trong site và hỗ trợ đa ngôn ngữ. Joomla! được phát âm theo tiếng Swahili như là jumla nghĩa là "đồng tâm hiệp lực". Joomla! được sử dụng ở khắp mọi nơi trên thế giới, từ những website cá nhân cho tới những hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ và ứng dụng. Joomla! có thể dễ dàng cài đặt, dễ dàng quản lý và có độ tin cậy cao. - Joomla! có mã nguồn mở do đó việc sử dụng Joomla! là hoàn toàn miễn phí cho tất cả mọi người trên thế giới. - Xin xem thêm những chi tiết về Joomla tại Wikipedia tiếng Việt: (http://vi.wikipedia.org/wiki/Joomla ) 2. Lịch sử hình thành - Joomla! là "sản phẩm anh em" với Mambo giữa tập đoàn Miro của Úc (hãng đang nắm giữ Mambo), với phần đông những người phát triển nòng cốt. SVTH: Trần Ngọc Hiền Page 1 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Ban đầu công ty Miro của Úc (tiếng Anh: Miro Software Solutions) đã 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ền kép, nghĩa là phát hành Mambo theo cả giấy phép GPL.Mọi thứ vẫn tiến triển bình thường cho đến trước khi xảy ra tranh chấp về mặt pháp lý vào năm 2003. Vụ việc dẫn tới ý tưởng Mambo cần phải được bảo vệ bởi một tổ chức phi lợi nhuận. - Nhưng những nhà phát triển không hài lòng về cơ cấu của Quỹ tài trợ Mambo. Andrew Eddie, người lãnh đạo nhóm phát triển, trong một lá thư gửi cộng đồng [4] , đã chia sẻ những lo lắng của mình về Quỹ tài trợ Mambo và mối quan hệ của nó tới cộng đồng. Ông viết: " .Chúng tôi cho rằng tương lai của Mambo nên được quản lý, điều chỉnh bởi những yêu cầu của người sử dụng và khả năng của những nhà phát triển. Trong khi đó, Quỹ tài trợ Mambo lại được thiết kế nhằm trao quyền điều khiển cho Miro, một thiết kế ngăn cản sự hợp tác giữa Quỹ tài trợ và cộng đồng .". Bởi vậy vào ngày 17 tháng 8 năm 2005, toàn bộ đội phát triển nòng cốt của Mambo đã rời khỏi dự án trong khi đang làm việc với phiên bản 4.5.3. - Ngay ngày hôm sau, 1000 người đã gia nhập diễn đàn OpenSourceMatters, hầu hế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ủa Nhó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 2 tuần sau đó, các nhóm đã được tổ chức lại và cộng đồng Joomla! tiếp tục tăng trưởng. Tới ngày 1 tháng 9 năm 2005 tên mới của dự án đã được thông báo cho khoảng 3000 người theo dõi đội Phát triển và đến ngày 16 tháng 9 thì họ cho ra đời Joomla! 1.0. 3. Các phiên bản của joomla  Hiện Joomla! có 2 dòng phiên bản chính: a) Joomla! 1.0.x: Phiên bản thế hệ 1 (ổn định) - Phiên bản phát hành đầu tiên: Joomla! 1.0.0 (ngày 15 tháng 9 năm 2005) - Phiên bản phát hành mới nhất: Joomla! 1.0.15 (ngày 22 tháng 2 năm 2008) b) Joomla! 1.5.x: Phiên bản thế hệ 2 (ổn định) - Các phiên bản cũ (giai đoạn phát triển): Joomla! 1.5 beta, Joomla! 1.5 RC1, Joomla! 1.5 RC2, Joomla! 1.5 RC3, Joomla! 1.5 RC4 - Phiên bản phát hành mới nhất: Joomla! 1.5.11 (ngày 03 tháng 06 năm 2009) - [sửa] Dòng phiên bản 1.0.x - Phiên bản đầu tiên của Joomla! là phiên bản Joomla! 1.0 (hay Joomla! 1.0.0) có nguồn gốc từ Mambo 4.5.2.3 (đã bao gồm thêm nhiều bản vá bảo mật và sửa lỗi). - Các phiên bản tiếp theo có dạng 1.0.x - Điểm mạnh của Joomla! 1.0.x: Có một số lượng rất lớn các thành phần mở rộng (module/component); thành phần nhúng (mambot); giao diện (template). - [sửa] Dòng phiên bản 1.5.x - Phiên bản Joomla! 1.5 [6] 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. Joomla! 1.5 tiếp tục duy trì một giao diện người sử dụng đơn giản. - Cả Joomla! 1.5 và Mambo 4.6 đều hỗ trợ đa ngôn ngữ. Joomla! thì sử dụng file định dạng ".ini" để lưu các thông tin chuyển đổi ngôn ngữ, còn Mambo thì sử SVTH: Trần Ngọc Hiền Page 2 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website dụng file định dạng ".gettext". Joomla 1.5 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. o Joomla! 1.5 cũng bao gồm các đặc tính mới như các mô hình chứng thực (LDAP, Gmail .), hỗ trợ mô hình khách-chủ [7] xml-rpc. Nó cũng hỗ trợ các trình điều khiển cơ sở dữ liệu dành cho MySQL 4.1+ (trên nền PHP 5) và tăng cường hỗ trợ cho MySQL 5, cũng như hỗ trợ các loại cơ sở dữ liệu khác. - Điểm mạnh của Joomla! 1.5: Phần quản trị Website có sử dụng công nghệ Web 2.0, một số tính năng được cải tiến hơn so với Joomla 1.0.x. c) Kiến trúc joomla Joomla! 1.5 gồm có 3 tầng hệ thống. Tầng dưới cùng là mức nền tảng, chứa các thư viện và các plugin (còn được biết với tên gọi mambot). Tầng thứ hai là mức ứng dụng và chứa lớp JApplication. Hiện tại tầng này gồm 3 lớp con: JInstallation, JAdministrator và JSite. 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 Hình 1: Kiến trúc của joomla d) Nhóm thành viên nòng cốt của joomla - Dự án Joomla! hiện được chèo lái bởi 19 thành viên (ban đầu là 20) của Nhóm Nòng cốt (Core Team) đến từ 11 quốc gia trên thế giới bao gồm: Ric Allinson, Brad Baker, Shayne Bartlett, Levis Bisson, Michelle Bisson, Tim Broeker, David Gal, Rey Gigataras, Wilco Jansen, Johan Janssens, Alex Kempkens, Mateusz Krzeszowiec, Louis Landry, Andy Miller, Sam Moffatt, Peter Russell, Emir Sakic, Marko Schmuck, Antonie de Wilde . - Danh sách 19 thành viên của Nhóm Nòng cốt http://www.joomla.org/content/blogcategory/43/85/ III. Cài đặt joomla trên localhost 1. Chuẩn bị - Hiện nay Joomla đã ổn định và phù hợp để các bạn thực hiện các website của mình. Phiên bản mới nhất là 1.6 nhưng đang còn lỗi và bảo mật. Phiên bản 1.5.15 đang phát triển tốt bảo mật và ít lỗi nên em xin sử dụng phiên bản trong quá trình làm đề tài, và phù hợp để làm website chính thức. - Để có gói cài đặt phiên bản này thì phải download từ website www.joomla.org trang chủ joomla (hoặc một số trang web khác hay đơn giản là vào Google Seach gõ từ khóa joomla 1.5.15… ). Em xin trình bày việc download từ trang chủ của joomla, truy cập vào website www.joomla.org , tới mục download bên trái và chọn phiên bản 1.5.11 SVTH: Trần Ngọc Hiền Page 3 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Khi vào mục lựa chọn các phiên bản để download, chọn bản ZIP Joomla 1.5.15- Stable-Full Package.zip 6.56MB. 2. Chạy WebServer - Để joomla có thể chạy được trên máy tính các nhân của bạn (hay localhost) thì phải có một mềm máy chủ trên máy, ở đây em chạy trên Xampp - Để có được xampp thì download về từ internet, rồi sao đó bun nén vào một ổ đĩa bất kì, rồi để chạy đươc xammp thì vào thư mục xampp vừa xả nén ra chọn xampp_star (hình 2). Hình 2: Xampp - Nhấp vào file xampp_star để khởi động chương trình được như hình 3 là OK Hình 3: Xammp star 3. Cài đặt joomla - Xả nén tập tin Joomla 1.5.15-Stable-Full Package.zip 6.56MB. - Vào thư mục htdocs trong thư mục xampp rồi đổi tên thành detaiweb chẳng hạn Vd: E:\xampp\htdocs\detaiweb - Tạo một CSDL MySQL tên là detaiweb (hay là tên khác cũng được) SVTH: Trần Ngọc Hiền Page 4 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website Hình 4: Tạo cơ sở dữ liệu - Từ trình duyệt web gõ http://localhost/detaiweb Chọn ngôn ngữ thể hiện cho website Hình 5: Chọn ngôn ngữ - Kiểm tra thông tin cấu hình trước khi cài. Hình 6: Kiểm tra cấu hình - Đọc các quy định về việc sử dụng website SVTH: Trần Ngọc Hiền Page 5 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website Hình 7: Quy định - Thiết lập các thông số để kết nối tới cơ sở dữ liệu Hình 8: Thiết lập thông số - Cấu hình chính Hình 9: Cấu hình chính - Đến đây thì bạn đã hoàn tất các bước trong việc cài đặt Joomla, hãy xoá bỏ thư mục Installation trước khi vào trang web mới cài đặt của bạn SVTH: Trần Ngọc Hiền Page 6 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website Hình 10: Xóa thư mục Installtion - Giao diện website sau khi cài đặt xong Hình 11: Cài đặt xong 4. Việt hóa joomla - Download 2 gói việt hóa (joomla-1[1].5_vi-VN_back-end , joomla-1[1].5_vi- VN_front-end )cho joomla tại http://www.joomlaviet.org. Hình 12: Gói việt hóa - Trong trình duyệt web, gõ: http://localhost/mysite/administrator . Màn hình SVTH: Trần Ngọc Hiền Page 7 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website sẽ tương tự bên dưới Hình 13: Đăng nhập quản trị - Gõ vào username:admin, password: 123456(mật khẩu trong quá trình cài đặt joomla ) . Lúc này ta đã truy cập vào phần Back-End dùng để quản lý site. - Chọn vào mục Extensison->Install/Uninstall Hình 14: Quản trị cài đặt - Sau đó nhấn nút Browse, tìm đến file tiếng Việt cho Joomla 1.5.x mà đã tải về lúc nảy. - 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 - Lần lượt làm với 2 file lúc nảy. - Chọn vào mục Extensison->Language Manager Hình 15: Quản trị ngôn ngữ - Chọn Tiếng Việt và nhấn Default là ok - Chọn vào mục Extensison->Language Manager->Administrator -> SVTH: Trần Ngọc Hiền Page 8 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website Hình 16: Quản trị ngôn ngữ dành cho admin - Chọn Tiếng Việt và nhấn Default là ok IV. Quản trị joomla 1. Tổng quan về Administrator a) Joomla Administration – Quản trị Joomla - Là trung tâm điều khiển của website Joomla. Dùng giao diện tao nhã của Admin Section để xây dựng cấu trúc và biên tập, xuất bản nội dung. - Admin Section được chia thành bốn vùng : Menubar – thanh menu, Toolbar – thanh công cụ, Infobar – thanh thông tin, Workspace – vùng làm việc. Để truy cập vào vùng Administration, đăng nhập (log in) bằng tìa khoản người dùng với đặc quyền quản trị. b) Administrator Login – Đăng nhập Quản trị viên : - Cài đặt mới Joomla sẽ có một người dùng được cài. Người dùng (user) này được biết như là Super Administrator (siêu quản trị viên). Super Administrator có tên truy cập (login name) là “admin”. Bạn sẽ tạo một password cho Super Administrator trong qua trình cài đặt Joomla. Vì lí do an ninh, bạn nên đổi tên truy cập và password của Super Administrator. - Mỗi người dùng trong Joomla được gán vào một nhóm, hiện tại có ba nhóm người dùng với đặc quyền truy cập tới Administrator Back-end : Super Administrator, Administrator, và Manager. c) Super Administrator – siêu quản trị : - Super Administrator Group truy cập vào tất cả các chức năng Back-en (Administrator). Site của bạn phải có tối thiểu một người được bổ nhiệm là một Super Administrator để thực hiện Global - Configuration (câu hình tổng thể) của site. Những người dùng trong nhóm này không thể xóa và không thể chuyển đổi sang nhóm khác. d) Administrator- Quản trị viên: Nhóm quản trị có một hạn chế nhỏ khi truy cập vào các chức năng Back-en (Administrator). Administrator không thể : - Thêm hay sửa một người dùng trong nhóm Super Administratorµ - Truy cập các cài đặt Global Configurationµ - Truy cập chức năng Mass Mailµ SVTH: Trần Ngọc Hiền Page 9 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Quản lý/cài đặt các Templateµ - Quản lý/cài đặt các file language (ngôn ngữ)µ e) Menubar – Thanh Menu: - Thanh Menu được chia thành mười phần : Home (trang chủ), Site, Menu, Content (nội dung), Components, Modules, Mambots, Installers (cài đặt), Messages (thông điệp), System (hệ thống) và Help (trợ giúp). - Mỗi phần có một menu đổ xuông phụ thuộc. Thanh menu là trung tâm điều hướng trong Admin Section. f) Infobar – thanh thông tin : Infobar hiển thị những thông tin sau (theo thứ tự): - Tên Web site của bạn - Nơi hiện tại của bạn trong Admin Section - Tên của người dùng đã đăng nhập (log in), như “Logged in as Admin” - Số thông điệp chưa giải quyết mà bạn có từ những Administrator khác, đang dùng chức năng thông điệp trong My Admin. - Số người dùng hiện tại đang online - Tên site vè nơi của bạn chỉ ra trong Pathway (đường dẫn), một textbox (hộp nhập văn bản) nằm phía trên bên trái của trang Admin. Messages (những thông điệp), số người dùng đang online, và tên đăng nhập của bạn xuất phía trên bên phải. g) Workspace – không gian làm việc : Workspace là một vùng nằm ngay dưới Menubar và Toolbar hiển thị những điều khiển cho mục menu được chọn hiện tại. workspace cập nhật khi bạn lựa chọn một menu hay dùng một công cụ từ toolbar, cài đặt mặc định là Control Panel (bảng điều khiển). h) Control Panel – bản điều khiển : - Bên trái của Control Panel hiện những biểu tượng cho những mục nội dung quản lý chính : - Bên phải của Control Panel hiện những thẻ tab truy cập những menu của component đã cài đặt, một danh sách các content item được ưa chuộng, thông tin về những item mới nhất thêm vào hệ thống (bao gồm tiêu đề, ngày, và tác giả), và menu statistics (thống kê menu). i) Toolbar Icons – Các biểu tượng Toolbar : - Publish (xuất bản) : Đây là biểu tượng để xuất bản category hoặc những item. Những khác thăm site có thể những item này trên site. - Unpublish (thôi xuất bản): biểu tượng vày sẽ thôi xuất bản một category hoặc item, Việc không xuất bản sẽ xóa item khỏi trang xem công cộng, nhưng không xóa category hay item. Để xóa một item, chon nó và click biểu tượng “Delete” - Archive: (kho lưu) : biểu tượng này chuyển một intem vào Archive, - New: (tạo mới): biểu tượng này thêm một item, section, link, v.v. - Edit:(chỉnh sửa): biểu tượng này chỉnh sửa một item đã được tạo trước đó. Phải chắc đã lựa chọn - Delete or Remove: (xóa): biểu tượng này xóa một category hay item trong site của bạn. SVTH: Trần Ngọc Hiền Page 10 [...]... dung cho module Bạn có thể tạo nội dung cho module như chèn hình, viết thông báo, … trong ô soạn thảo có sẵn của trang web Xây dựng Module tra từ điển SVTH: Trần Ngọc Hiền Page 17 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website 1 Thiết kế giao diện a) Giao diện của ứng dụng như hình vẽ Hình 17: Giao diện của ứng dụng tra từ điển b) Mã code cho giao... thiết kế trang web để biết chính xác vị trí cần đặt và thứ tự đặt module - Tạo mới một module rỗng Việc tạo mới một module rỗng được sử dụng cho những trường hợp như tạo thông báo, tạo số điện thoại liên hệ, … - Chọn nút new trên thanh công cụ SVTH: Trần Ngọc Hiền Page 16 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Trong trang mới, bên trái trang,... Page 18 Đề tài: Tìm hiểu, xây dựng website trên mã nguồn mỡ joomla & xây dựng module tra từ điển cho website b) ketnoi.php Code: c) mod_tratudien.php Trang chứa thông các mã code thiết kế giao diện, xử lý các sự kiện cho các Button - Code cho button Tra từ . t i n cho website - Trong trang m i, b n tr i trang, ch ng ta sẽ i n nh ng th ng tin sau • Title: Ti u đề, d ng hi n thị tr n trang, n u Show Title. t i: T m hi u, x y d ng website tr n m ngu n m joomla & x y d ng module tra t i n cho website I. Gi i thi u đề t i 1. T n đề t i - T m hi u &