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

Tài liệu tham khảo công nghệ thông tin 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

Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website I Giới thiệu đề tài Tên đề tài - Tìm hiểu & xây dựng website mã nguồn mỡ jooma, Thiết kế module tra từ điển cho website Giới thiệu đề tài - Tìm hiểu mã nguồn mỡ joomla (lịch sử hình thành, phiên đời….) - Xây dựng website localhost mã nguồn joomla - Giới thiệu 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 sở liệu MySQL - Một số tiện khác website Nội dung a) Phần dành cho người truy cập: - Truy cập vào website người có thể; đọc 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 module website - Thêm xóa sửa viết mà admin gởi thành viên - Tùy chỉnh cho website đẹp hơn… Đôi tượng phục vụ - Trước tiên phục vụ cho học tập - Do dựa mã nguồn mỡ nên dễ dàng tùy biến để phục vụ cho tất lĩnh vực (Báo chí, mua bán, đăc biệt ứng dụng thương mại điện tử… ) II Tìm hiểu joomla Joomla gì? - Joomla gì? hệ quản trị nội dung mã nguồn mở Joomla! viết ngôn ngữ PHP kết nối tới sơ liệu MySQL, cho phép người sử dụng dễ dàng xuất nội dung họ lên Internet Joomla! có đặc tính là: đệm trang (page caching) để tăng tốc độ hiển thị, lập mục, đọc tin RSS (RSS feeds), trang dùng để in, tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm site hỗ trợ đa ngôn ngữ Joomla! phát âm theo tiếng Swahili jumla nghĩa "đồng tâm hiệp lực" Joomla! sử dụng khắp nơi giới, từ website cá nhân hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ ứng dụng Joomla! dễ dàng cài đặt, dễ dàng quản lý có độ tin cậy cao - Joomla! có mã nguồn mở việc sử dụng Joomla! hồn tồn miễn phí cho tất người giới - Xin xem thêm chi tiết Joomla Wikipedia tiếng Việt: (http://vi.wikipedia.org/wiki/Joomla ) Lịch sử hình thành SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Joomla! "sản phẩm anh em" với Mambo tập đoàn Miro Úc (hãng nắm giữ Mambo), với phần đơng người phát triển nịng cốt - Ban đầu công ty Miro Ú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 năm 2001, cơng ty thơng qua sách quyền kép, nghĩa phát hành Mambo theo giấy phép GPL.Mọi thứ tiến triển bình thường trước xảy tranh chấp mặt pháp lý vào năm 2003 Vụ việc dẫn tới ý tưởng Mambo cần phải bảo vệ tổ chức phi lợi nhuận - Nhưng nhà phát triển khơng hài lịng cấu Quỹ tài trợ Mambo Andrew Eddie, người lãnh đạo nhóm phát triển, thư gửi cộng đồng[4], chia sẻ lo lắng Quỹ tài trợ Mambo mối quan hệ tới cộng đồng Ơng viết: " Chúng tơi cho tương lai Mambo nên quản lý, điều chỉnh yêu cầu người sử dụng khả nhà phát triển Trong đó, Quỹ tài trợ Mambo lại thiết kế nhằm trao quyền điều khiển cho Miro, thiết kế ngăn cản hợp tác Quỹ tài trợ cộng đồng " Bởi vào ngày 17 tháng năm 2005, toàn đội phát triển nòng cốt Mambo rời khỏi dự án làm việc với phiên 4.5.3 - Ngay ngày hôm sau, 1000 người gia nhập diễn đàn OpenSourceMatters, hầu hết viết cho diễn đàn khuyến khích đồng tình với hành động Nhóm Phát triển Tin nhanh chóng đăng tải tạp chí newsforge.com, eweek.com ZDnet.com - Trong thông báo Eddie tuần sau đó, nhóm tổ chức lại cộng đồng Joomla! tiếp tục tăng trưởng Tới ngày tháng năm 2005 tên dự án thông báo cho khoảng 3000 người theo dõi đội Phát triển đến ngày 16 tháng họ cho đời Joomla! 1.0 Các phiên joomla  Hiện Joomla! có dịng phiên chính: a) Joomla! 1.0.x: Phiên hệ (ổn định) - Phiên phát hành đầu tiên: Joomla! 1.0.0 (ngày 15 tháng năm 2005) - Phiên phát hành nhất: Joomla! 1.0.15 (ngày 22 tháng năm 2008) b) Joomla! 1.5.x: Phiên hệ (ổn định) - Các phiê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 phát hành nhất: Joomla! 1.5.11 (ngày 03 tháng 06 năm 2009) - [sửa] Dòng phiên 1.0.x - Phiên Joomla! phiê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 vá bảo mật sửa lỗi) - Các phiên có dạng 1.0.x - Điểm mạnh Joomla! 1.0.x: Có số lượng lớn 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 1.5.x SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Phiên Joomla! 1.5[6] phiên cải tiến từ Joomla! 1.0.x (phần mã viết lại hoàn toàn, nhiên giữ cách hành xử cũ) coi Mambo 4.6 Joomla! 1.5 tiếp tục trì giao diện người sử dụng đơn giản - Cả Joomla! 1.5 Mambo 4.6 hỗ trợ đa ngơn ngữ Joomla! sử dụng file định dạng ".ini" để lưu thông tin chuyển đổi ngơn ngữ, cịn Mambo sử dụng file định dạng ".gettext" Joomla 1.5 hỗ trợ tất ngôn ngữ có tập ký tự biểu diễn bảng mã UTF-8 o Joomla! 1.5 bao gồm đặc tính mơ hình chứng thực (LDAP, Gmail ), hỗ trợ mơ hình khách-chủ[7] xml-rpc Nó hỗ trợ trình điều khiển sở liệu dành cho MySQL 4.1+ (trên PHP 5) tăng cường hỗ trợ cho MySQL 5, hỗ trợ loại sở liệu khác - Điểm mạnh Joomla! 1.5: Phần quản trị Website có sử dụng cơng nghệ Web 2.0, số tính cải tiến so với Joomla 1.0.x c) Kiến trúc joomla Joomla! 1.5 gồm có tầng hệ thống Tầng mức tảng, chứa thư viện plugin (còn biết với tên gọi mambot) Tầng thứ hai mức ứng dụng chứa lớp JApplication Hiện tầng gồm lớp con: JInstallation, JAdministrator JSite Tầng thứ ba mức mở rộng Tại tầng có thành phần (component), mơ đun (module) giao diện (template) thực thi thể Hình 1: Kiến trúc joomla d) Nhóm thành viên nịng cốt joomla - Dự án Joomla! chèo lái 19 thành viên (ban đầu 20) Nhóm Nòng cốt (Core Team) đến từ 11 quốc gia 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 Nhóm Nịng cốt http://www.joomla.org/content/blogcategory/43/85/ III Cài đặt joomla localhost Chuẩn bị - Hiện Joomla ổn định phù hợp để bạn thực website Phiên 1.6 lỗi bảo mật Phiên 1.5.15 phát triển tốt bảo mật lỗi nên em xin sử dụng phiên trình làm đề tài, phù hợp để làm website thức SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Để có gói cài đặt phiên phải download từ website www.joomla.org trang chủ joomla (hoặc số trang web khác hay đơn giản vào Google Seach gõ từ khóa joomla 1.5.15… ) Em xin trình bày việc download từ trang chủ joomla, truy cập vào website www.joomla.org , tới mục download bên trái chọn phiên 1.5.11 - Khi vào mục lựa chọn phiên để download, chọn ZIP Joomla 1.5.15Stable-Full Package.zip 6.56MB Chạy WebServer - Để joomla chạy máy tính nhân bạn (hay localhost) phải có mềm máy chủ máy, em chạy Xampp - Để có xampp download từ internet, bun nén vào ổ đĩa bất kì, để chạy đươc xammp vào thư mục xampp vừa xả nén 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 hình OK Hình 3: Xammp star 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 thư mục xampp đổi tên thành detaiweb chẳng hạn Vd: E:\xampp\htdocs\detaiweb - Tạo CSDL MySQL tên detaiweb (hay tên khác được) SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website Hình 4: Tạo sở liệu - Từ trình duyệt web gõ http://localhost/detaiweb Chọn ngơn ngữ thể cho website - Hình 5: Chọn ngơn ngữ Kiểm tra thơng tin cấu hình trước cài Hình 6: Kiểm tra cấu hình SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Đọc quy định việc sử dụng website - Hình 7: Quy định Thiết lập thông số để kết nối tới sở liệu Hình 8: Thiết lập thơng số - Cấu hình - Hình 9: Cấu hình Đến bạn hồn tất bước việc cài đặt Joomla, xoá bỏ thư mục Installation trước vào trang web cài đặt bạn SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website 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 cài đặt xong Hình 11: Cài đặt xong Việt hóa joomla - Download gói việt hóa (joomla-1[1].5_vi-VN_back-end , joomla-1[1].5_viVN_front-end )cho joomla http://www.joomlaviet.org Hình 12: Gói việt hóa SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - - - Trong trình duyệt web, gõ: http://localhost/mysite/administrator Màn hình tương tự bên Hình 13: Đăng nhập quản trị Gõ vào username:admin, password: 123456(mật trình cài đặt joomla ) Lúc 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 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 Lần lượt làm với file lúc nảy Chọn vào mục Extensison->Language Manager Hình 15: Quản trị ngôn ngữ SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Chọn Tiếng Việt nhấn Default ok Chọn vào mục Extensison->Language Manager->Administrator -> - Hình 16: Quản trị ngơn ngữ dành cho admin Chọn Tiếng Việt nhấn Default ok IV Quản trị joomla Tổng quan Administrator a) Joomla Administration – Quản trị Joomla - Là trung tâm điều khiển website Joomla Dùng giao diện tao nhã Admin Section để xây dựng cấu trúc biên tập, xuất nội dung - Admin Section chia thành bốn vùng : Menubar – menu, Toolbar – công cụ, Infobar – thông tin, Workspace – vùng làm việc Để truy cập vào vùng Administration, đăng nhập (log in) 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 Joomla có người dùng cài Người dùng (user) biết Super Administrator (siêu quản trị viên) Super Administrator có tên truy cập (login name) “admin” Bạn tạo password cho Super Administrator qua trình cài đặt Joomla Vì lí an ninh, bạn nên đổi tên truy cập password Super Administrator - Mỗi người dùng Joomla gán vào nhóm, có ba nhóm người dùng với đặc quyền truy cập tới Administrator Back-end : Super Administrator, Administrator, Manager c) Super Administrator – siêu quản trị : - Super Administrator Group truy cập vào tất chức Back-en (Administrator) Site bạn phải có tối thiểu người bổ nhiệm Super Administrator để thực Global - Configuration (câu hình tổng thể) site Những người dùng nhóm khơng thể xóa khơng thể chuyển đổi sang nhóm khác d) Administrator- Quản trị viên: Nhóm quản trị có hạn chế nhỏ truy cập vào chức Back-en (Administrator) Administrator : SVTH: Trần Ngọc Hiền Page Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Thêm hay sửa người dùng nhóm Super Administrator Truy cập cài đặt Global Configuration Truy cập chức Mass Mail Quản lý/cài đặt Template Quản lý/cài đặt file language (ngôn ngữ) e) Menubar – Thanh Menu: - Thanh Menu 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) Help (trợ giúp) - Mỗi phần có menu đổ xng phụ thuộc Thanh menu trung tâm điều hướng Admin Section f) Infobar – thông tin : Infobar hiển thị thông tin sau (theo thứ tự): - Tên Web site bạn - Nơi bạn Admin Section - Tên người dùng đăng nhập (log in), “Logged in as Admin” - Số thông điệp chưa giải mà bạn có từ Administrator khác, dùng chức thông điệp My Admin - Số người dùng online - Tên site vè nơi bạn Pathway (đường dẫn), textbox (hộp nhập văn bản) nằm phía bên trái trang Admin Messages (những thông điệp), số người dùng online, tên đăng nhập bạn xuất phía bên phải g) Workspace – không gian làm việc : Workspace vùng nằm Menubar Toolbar hiển thị điều khiển cho mục menu chọn workspace cập nhật bạn lựa chọn menu hay dùng công cụ từ toolbar, cài đặt mặc định Control Panel (bảng điều khiển) h) Control Panel – điều khiển : - Bên trái Control Panel biểu tượng cho mục nội dung quản lý : - Bên phải Control Panel thẻ tab truy cập menu component cài đặt, danh sách content item ưa chuộng, thông tin item thêm vào hệ thống (bao gồm tiêu đề, ngày, tác giả), menu statistics (thống kê menu) i) Toolbar Icons – Các biểu tượng Toolbar : - Publish (xuất bản) : Đây biểu tượng để xuất category item Những khác thăm site item site - Unpublish (thôi xuất bản): biểu tượng vày xuất category item, Việc khơng xuất xóa item khỏi trang xem cơng cộng, khơng xóa category hay item Để xóa item, chon click biểu tượng “Delete” - Archive: (kho lưu) : biểu tượng chuyển intem vào Archive, - New: (tạo mới): biểu tượng thêm item, section, link, v.v - Edit:(chỉnh sửa): biểu tượng chỉnh sửa item tạo trước Phải lựa chọn SVTH: Trần Ngọc Hiền Page 10 Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website - Delete or Remove: (xóa): biểu tượng xóa category hay item site bạn - Trash: (thùng rác): biểu tượng xóa item đặt vào Trash Manager (quản lý rác) - Ghi chú: bạn phục hồi item đổ trở lại tình trạng trước Đơn giản vào Trash - Manager menu Site - Move: (di chuyển): biểu tượng di chuyển item đến Section hay Category - Apply: (áp dụng): biểu tượng lưu nội dung hay thay đổi trang mở để tiếp tục chỉnh sửa - Save (lưu): biểu tượng lưu nội dung bạn hay thay đổi cấu hình quay trở lại trang trước - Cancel : biểu tượng tạo trang hay không lưu thay đổi - Preview: (xem trước): biểu tượng dùng để xem, cửa sổ pop-up, nhìn trước thay đổi bạn làm Nếu trình duyệt bạn cài khóa sổ pop-up bạn dùng phần mềm khóa pop-up, bạn cần đổi cài đặt hay vô hiệu phần mềm để xem trước - Upload: biểu tượng dùng để tải lên file hay ảnh đến web site bạn j) User Groups Access Control - Joomla có hai hệ thống phân cấp nhóm người dùng (user group) chính: để truy cập Front- end (vì user log in web site xem phần hay trang định) cho truy cập Back-end Administrator Các nhóm cung cấp mặc định : Public Front-end (mặt trước dùng chung) | - Registered (đã đăng kí) | - - Author (tác giả) | - - - Editor (người biên tập) | - - - - Publisher (người xuất bản) Public Back-end (mặt sau dùng chung) | - Manager (người quan lý) | - - Administrator (người quản trị) | - - - Super Administrator (siêu quản trị) Cài đặt thành phần mở rộng cho Joomla a) Giới thiệu thành phần mở rộng - Sau cài đặt Joomla bạn có Website với nhiều tính Tuy nhiên, muốn tùy biến bổ sung tính cho Website bạn cài đặt thêm thành phần mở rộng (extension) như: gói ngơn ngữ (language package), giao diện (template), component, mô-đun (module), mambot/plugin - Những thành phần mở rộng đánh dấu biểu tượng hình bên đễ dễ phân biệt Tuy nhiên chúng đơn vị độc lập gói gồm component, module, mambot/plugin hỗ trợ lẫn SVTH: Trần Ngọc Hiền Page 11 Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website b) Các bước cài đặt thành phần mở rộng: - Bước 1: Download thành phần mở rộng + Truy cập vào website http://extensions.joomla.org/ + Sử dụng cơng cụ tìm kiếm dựa theo danh mục liệt kê chức để tìm extension thỏa mãn yêu cầu bạn + Xác định thành phần mở rộng loại gì? Gói ngơn ngữ (language pack), giao diện (template), component, mơ-đun(module), mambot/plugin gói (gồm component, module mambot/plugin) + Đọc hướng dẫn cài đặt kèm theo + Download thành phần mở rộng - Bước 2: Cài đặt extension + Để cài đặt thành phần mở rộng bạn có lựa chọn: + Cài đặt thông qua file nén (ZIP) + Cài đặt thông qua danh sách file upload lên Server + Cài đặt từ địa URL - Cài đặt thông qua file nén (ZIP) + Mở trang quản trị (VD: http://www.thietkejoomla.com/administrator/ ) + Chọn menu "Extensions" + Chọn mục "Install/Unistall" + Trong ô "Upload Package File" nhấn nút "Browse " chọn file nén chứa extension + Nhấn nút "Upload file and Install" + Chờ Joomla thông báo kết cài đặt Thêm viết SVTH: Trần Ngọc Hiền Page 12 Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website a) Khái niệm section, category content Các viết trang web quản lý theo dạng section category Đầu tiên nên phân biệt section category - Section hay cịn gọi thể loại chủ đề cha Đầu tiên phải tạo section trước, tiếp sau category Để tạo section, vào menu Content > Section manager  Trên thành cơng cụ, có biểu tượng sau:  New: Tạo section  Edit: sửa lại section tạo  Delete: Xóa bỏ section Trước xóa cần phải chọn tên section muốn xóa  Copy: tạo section  Unpublish: không sử dụng section tạo  Publish: sử dụng section tạo  Chọn New để tạo section:  Title: tiêu đề section, bắt buộc phải có  Alias: bí danh Tên bí danh giống với tiêu đều, không sử dụng dấu tiếng việt Bạn có khoảng trống từ, Joomla tự động chèn dấu trừ (-) vào từ  Published: Cho phép sử dụng section hay khơng Yes có, No khơng  Access Level: cấp độ truy cập Public tất người, Registered có thành viên đăng ký truy cập Special: thành viên có quyền từ manager trở lên phép xem  Ở ô soạn thảo Description – mô tả: dùng mô tả ý nghĩa section tạo Phần mơ tả cho phép khơng cho phép hiển thị ngồi trang web thơng qua việc cấu hình hiển thị - Category section hay chủ đề  Một category phụ thuộc vào section Ví dụ thơ ca, truyện ngắn section văn học  Để tạo category, vào menu Content category manager SVTH: Trần Ngọc Hiền Page 13 Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website  Tương tự section, category có cơng cụ section, category có thêm nút lệnh Move Lệnh Move: Di chuyển nhiều category sang section khác Chọn New để tạo category Trang mở ra:       Trong đó: Title: tiêu đề category Khơng thể bỏ trống Alias: bí danh tiêu đề Published: Có cho phép sử dụng hay không Section: Category tạo phải phụ thuộc vào section Nếu đặt sai section, vào sửa lại Access Level: cấp độ truy cập  b) Tạo viết Để tạo viết, Chọn menu Content -> Article Manager Trang mở ra, xem xét qua công cụ trước Trên công cụ, chức publish, Unpublish, Move, Copy hoàn toàn giống giới thiệu Chọn nút lệnh New để Tạo viết Chú ý chọn loại viết: + Nếu viết loại thuộc category phải chọn section trước chọn caegory + Nếu viết khơng có section category, chọn Section Category Uncategorised Trong đó:  Title: Tiêu đề viết  Alias: bí danh  Section: chọn section cho viết  Category: chọn category cho viết  Published: cho xuất viết hay không SVTH: Trần Ngọc Hiền Page 14 Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website  Frontpage: viết có xuất trang chủ hay không, không, bạn xem click vào menu có đường dẫn trỏ  Vùng soạn thảo hình sau: Cách Sử dụng chi tiết công cụ soạn thảo bàn chương Sử dụng trình soạn thảo tích hợp sẵn  Bên phải vùng soạn thảo chính, cài đặt thêm tham số cho viết         Author: tác giả Tác giả viết tự động chọn người đăng nhập chọn lại user khác Access Level: mức độ truy cập viết Finish Publishing: ngày hết hạn đăng Nếu chọn ngày tương lai viết tự động ẩn không hiển thị cho người truy cập xem Nếu muốn đăng mãi thi xóa nội dung Chèn hình ảnh vào viết Trước tiên chèn hình ảnh vào viết, tất hình ảnh phải lưu vào thư mục stories phần Media Manager Đưa trỏ đến nơi cần chèn ảnh Xuống cuối khung soạn thảo, chọn biểu tượng Image (xem ảnh phần trên) Một cửa sổ popup cho chọn hình Insert: chèn hình vào viết sau chọn hình Cancel: hủy bỏ việc chèn hình chọn biểu tượng chữ X đen góc bên phải Image URL: đường dẫn ảnh chọn Align: gióng lề cho ảnh Có kiểu giống lề Left – trái, Right – phải Not Set Nếu chọn kiểu gióng lề ảnh chèn vào nằm bên trái bên phải viết, văn phủ chung quanh hình Nếu Align not set ảnh văn nằm thành chung hàng Image Description: mô tả ngắn gọn ảnh SVTH: Trần Ngọc Hiền Page 15 Đề tài: Tìm hiểu, xây dựng website mã nguồn mỡ joomla & xây dựng module tra từ điển cho website  Image Title: tiêu đề ảnh Tiêu đề ảnh thấy dấu check Caption chọn  Lấy ảnh từ ổ cứng đưa lên host Nếu ảnh bạn muốn chèn khơng có kho ảnh hosting, bạn lấy ảnh từ ổ cứng đưa lên trang web Trước đưa ảnh lên, bạn cần xác định rõ ràng ảnh bạn đưa vào thư mục mạng cách chọn thư mục bạn cần đưa ảnh vào trước lấy ảnh từ ổ cứng  Trong mục Upload chọn Browse để mở thư mục chọn ảnh từ ổ cứng Sau chọn xong, chọn Start Upload để đưa ảnh lên mạng Tạo module có sẵn - Mở menu "Extension" >> "Module Manager" - Copy module: check vào tên module - Module chép tạo - Vị trí đặt module trang web cần liên hệ với người thiết kế trang web để biết xác vị trí cần đặt thứ tự đặt module - Tạo module rỗng Việc tạo module rỗng sử dụng cho trường hợp tạo thông báo, tạo số điện thoại liên hệ, … - Chọn nút new công cụ SVTH: Trần Ngọc Hiền Page 16 Đề tài: Tìm hiểu, xây dựng website 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, điền thông tin sau  Title: Tiêu đề, dùng hiển thị trang, Show Title No tiêu đề không hiển thị  Show Title: cho phép hay không cho phép tiêu đề module hiển thị trang  Enabled: Cho phép sử dụng module  Position: Vị trí cần đặt trang  Order: thứ tự vị trí  Access Level: mức độ sử dụng  Public: người xem,  Registerd: đăng ký thành viên thấy  Special: thành viên quản trị thấy  Viết nội dung cho module Bạn tạo nội dung cho module chèn hình, viết thơng báo, … soạn thảo có sẵn trang web V 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 mã nguồn mỡ joomla & xây dựng module tra từ điển cho website Thiết kế giao diện a) Giao diện ứng dụng hình vẽ Hình 17: Giao diện ứng dụng tra từ điển b) Mã code cho giao diện