Theo JoomlaViet.org: “Joomla!: Là hệ quản trị nội dung (CMS) mã nguồn mở, Linh hoạt, đơn giản, thanh nhã, tính tuỳ biến rất cao và cực kỳ mạnh mẽ, Được sử dụng ở trên toàn thế giới từ những trang web đơn giản cho đến những ứng dụng phức tạp, Cài đặt Joomla! rất dễ dàng, đơn giản trong việc quản lý và đáng tin cậy.”
ThS Nguyễn Duy Hải TT CNTT – ĐHSP Hà Nội Giới thiệu Joomla! Theo JoomlaViet.org: “Joomla!: Là hệ quản trị nội dung (CMS) mã nguồn mở, Linh hoạt, đơn giản, nhã, tính tuỳ biến cao mạnh mẽ, Được sử dụng toàn giới từ trang web đơn giản ứng dụng phức tạp, Cài đặt Joomla! dễ dàng, đơn giản việc quản lý đáng tin cậy.” Một số web site thiết kế Joomla! 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 http://catsonvn.com/ http://chaugiangjsc.com.vn http://el.edu.net.vn/index.php?option=com_fron tpage&Itemid=1 http://escvn.com/ http://giaoco.com.vn/giaoco/ http://joomlaviet.com http://lamchame.com http://law.com.vn http://ngonnguhoc.org/home/ http://spkt.net/ http://svnhanvan.org http://ts.vnportal.com.vn./ http://viettug.org/ http://vnexperts.com http://worldvision.org.vn/ http://ww.stellarfinance.com.au http://www.abc.com.vn/index.php http://www.all.com.vn/ http://www.cbam.edu.vn/ http://www.gapgo.net/ http://www.goldenkey.edu.vn/ http://www.hellenkhong.net/ http://www.hx4700.net.tf/ http://www.ipmac.com.vn/ http://www.linharex.info/ http://www.margroup.org/ http://www.nhanxet.com/ http://www.oss.gov.vn/ http://www.quangnamnet.com.vn http://www.sisvn.com/index.php http://www.svhannover.de http://www.tamlyhoc.net/ http://www.thoidauyeu.net/home/index.php http://www.thoitrangmobi.com/ http://www.thuvientre.com/ (Mạng thông tin Thư viện Việt Nam) http://www.tinhocquanly.com http://www.hcmpreu.edu.vn/ http://www.tinhoctuoitre.com/ http://www.huongviet.com.vn/index.php http://www.trantrung.net/ http://www.hvcnbcvt.com/ http://www.tuvanthue.com.vn/ http://www.nssvn.com/ http://www.vhc.com.vn/ http://www.qtttc.edu.vn/index.php http://www.vimaru.edu.vn/ http://www.tainguyenmang.net/index.php http://www.visa2000.org/ http://www.tour102.com/ http://www.vitec.org.vn/ http://www.trangsucbac.com/ http://www.vivis.com.vn/ http://www.troioi.net/index.php http://www.vnexperts.net/ http://www.ttgdtxbmt.edu.vn/ http://www.vresort.com.vn/index.php www.center4teachers.com http://www.xuanhoa.com/ http://www.tailieuvietnam.net/ http://www.yakudos.com/en/ HTTP://DUOC.VZE.COM http://www.tinviet.com.vn/ http://linuxvi.org/ http://www.esrivn.net http://www.goldenlandtours.com/ www.skynet.com.vn http://www.tacaso.com/vn/ http://share-online.org/ www.ipodteam.net www.sinhvienulsan.com/joomla http://www.otovacuocsong.com/ http://butso.net www.vietlandtravel.com http://www.SoLuuNiem.com www.marketingneu.com http://www.ynghia.com/ http://www.vbox.me.ly http://caonetwork.com/ http://linc.hut.edu.vn/ http://cohanoi.com/index.php http://dtdh.hut.edu.vn/ http://phuthinhcorp.com/ http://caonetwork.com/ http://tonghoplen.ru/home/ http://cohanoi.com/index.php http://voduchoangvu.net/ http://phuthinhcorp.com/ http://www.bio-hus.org/ http://tonghoplen.ru/home/ http://www.chaibao.com/index.php http://voduchoangvu.net/ http://www.chomypham.com/ http://www.bio-hus.org/ http://www.depsanhdieu.com/ http://www.chaibao.com/index.php http://www.hangchatluong.com/ http://www.chomypham.com/ Hướng dẫn cài đặt Joomla! Các bước cài đặt sau giả định thực máy tính sử dụng web server, PHP,… cài đặt theo chế độ mặc định WAMP Trường hợp sử dụng server khác cần thay đổi số tham số cho phù hợp Giả sử web server hoạt động tốt Bước – Giải nén Joomla! Khi download mã nguồn từ web site Joomla! bạn có file nén chứa mã nguồn Giải nén file vào thư mục web root (VD: C:\WAMP\www\Joomla Joomla thư mục web root) Hình bên thư mục C:\Wamp\www\Joomla chứa mã nguồn Joomla! Sau giải nén Bước – Chạy chương trình cài đặt Dùng trình duyệt web (IE) truy cập vào địa http://localhost/tên_thư_mục (trong ví dụ http://localhost/joomla) để kích hoạt chương trình cài đặt tự động Hình bên giao diện chương trình cài đặt Bước – Kiểm tra điều kiện cần thiết Trong hình giao diện bước 2, chắn mục kiểm tra phần Required Settings Check phần Directory and File Permissions Check có kết thể màu xanh Nhấn nút Next>> để chuyển sang bước Bước – Chấp nhận quy định quyền Đọc kỹ quy định giấy phép sử dụng Nếu đồng ý nhấn nút Next>> để chuyển sang bước tiếp Bước – Nhập cấu hình CSDL 9 Nhập thơng tin sở liệu MySQL mà hệ thống sử dụng Ý nghĩa số thông số: – – – – Hostname: Server CSDL.(Thường đặt localhost) MySQL User Name: Tên truy cập vào hệ quản trị CSDL MySQL: root MySQL password: Mật truy cập vào server CSDL:Bỏ trống MySQL database: Tên CSDL Đặt tùy ý Tên đặt theo quy tắc đặt tên biến Nên bỏ tùy chọn Install Sample Data để hệ thống không cài đặt liệu ví dụ Bước – Nhập tên cho web site Nhập tên web site vào ô Site name nhấn Next>> Quản lý giao diện Sử dụng cần thay đổi giao diện web site (thêm/bớt/đặt lại mặc định…) Cách thực hiện: Vào menu Site Ö Template Manager Ö Site Templates Quản trị nội dung “Front-end” “Back-end” Front-end: – Ý nghĩa: Phía trước: Những nội dung người sử dụng thơng thường nhìn thấy – Front-end cấu trúc web site thiết kế – Front-end thể trang web qua menu Back-end: – Ý nghĩa: Phía sau: Việc tổ chức lưu trữ nội dung web site – Việc lưu trữ thông thường tương đối giống với Front-end, nhiên đơi chỗ khác – Khi kích chuột vào menu (front-end) hiển thị nội dung lưu trữ phần Back-end – Trong Joomla!, back-end thể dạng Section, Category Content-item Ví dụ Front-end Trang Trang chủ chủ Tìm Tìm kiếm kiếm Phản Phản hồi hồi Giới Giới thiệu thiệu Tin Tin tức tức Đào Đào tạo tạo Lịch Lịch sử, sử, thành thành tích, tích, chiến lược PT chiến lược PT Thơng Thơng báo báo Tuyển Tuyển sinh sinh Thầy Thầy cô cô Tin Tin hoạt hoạt động động Thông Thông tin tin các lớp lớp đào đào tạo tạo hợp hợp tác, tác, du du học học Học Học sinh sinh Sơ Sơ đồ đồ tổ tổ chức chức Đội Đội ngũ ngũ cán cán bộ Cơ Cơ sở sở vật vật chất chất Loại Loại hình hình đào đào tạo tạo Quan Quan hệ hệ hợp hợp tác tác Liên Liên hệ hệ Thời Thời khoá khoá biểu biểu Chuyên Chuyên cần cần Điểm Điểm số số Khen Khen thưởng, thưởng, kỷ kỷ luật luật Thư Thư viện viện giáo giáo án, án, bài giảng giảng mẫu mẫu Gương Gương mặt mặt Thư Thư viện viện ảnh ảnh Back-end Joomla! Các viết Joomla! gọi Content-item Các content-item chia thành nhóm Một nhóm content-item gọi Category Các category nằm nhóm lớn gọi Section Khi cấu hình Joomla! cần phải tổ chức Section, Category cách hợp lý với nội dung Front-end Nội Nội dung dung trong Joomla! Joomla! Section Section 11 Category Category 11 11 Content Content item item 11 Content Content item item 22 … … Category Category 12 12 Category Category 1n 1n Section Section 22 … … Ví dụ Back-end Thong Thong tin tin chung chung Gioi Gioithieu thieu Lịch Lịchsử, sử,thành thànhtích, tích, chiến lược chiến lượcPT PT Tin Tin tuc tuc Dao Dao tao tao Thong Thongbao bao Tuyen Tuyensinh sinh Tin Tinhoat hoat dong dong Dao Dao tao taohop hoptac tac Thoi Thoikhoa khoabieu bieu Sơ Sơđồ đồtổ tổchức chức Chuyen Chuyencan can Đội Độingũ ngũcán cánbộ Diem Diemso so Cơ Cơsở sởvật vậtchất chất Khen Khenthuong thuong KL KL Loại Loạihình hìnhđào đàotạo tạo Quan Quanhệ hệhợp hợptác tác Liên Liênhệ hệ Guong Guong mat mat 9Chú giải Section Section Category Category Content ContentItem Item Thu Thu vien vien giao giao an an Thay Thayco co Mon Monhoc hoc11 Hoc Hocsinh sinh Mon Monhoc hoc22 … … Menu Hiển thị thành đề mục giao diện người sử dụng thông thường (Front-end) Khi kích chuột vào mục menu: hiển thị nội dung back-end Nội dung là: – Blog-content category: Hiển thị tóm tắt viết nhiều category – Blog-content section: Hiển thị tóm tắt viết nhiều section – Link-Content item: Hiển thị nội dung đầy đủ viết Ví dụ liên kết Front-end Back-end 9Front-end (menu) 9Back-end Thong Thong tin tin chung chung Giới Giới thiệu thiệu Blog-Content Category Lịch Lịch sử, sử, thành thành tích, tích, chiến lược PT chiến lược PT Link-Content Item Sơ Sơ đồ đồ tổ tổ chức chức Link-Content Item Đội Đội ngũ ngũ cán cán bộ Link-Content Item Cơ Cơ sở sở vật vật chất chất Link-Content Item Loại Loại hình hình đào đào tạo tạo Link-Content Item Quan Quan hệ hệ hợp hợp tác tác Link-Content Item Liên Liên hệ hệ Link-Content Item Gioi Gioithieu thieu Lịch Lịchsử, sử,thành thànhtích, tích, chiến lược chiến lượcPT PT Sơ Sơđồ đồtổ tổchức chức Đội Độingũ ngũcán cánbộ Cơ Cơsở sởvật vậtchất chất Loại Loạihình hìnhđào đàotạo tạo Quan Quanhệ hệhợp hợptác tác Liên Liênhệ hệ Ví dụ liên kết Front-end Back-end 9Front-end (menu) 9Back-end Tin Tin tuc tuc Tin Tin tức tức Blog-Content Section Thông Thông báo báo Blog-Content Category Thong Thongbao bao Tin Tin hoạt hoạt động động Blog-Content-Category Tin Tinhoat hoat dong dong Ví dụ liên kết Front-end Back-end 9Front-end (menu) 9Back-end Đào Đào tạo tạo Blog-Content Section Tuyển Tuyển sinh sinh Blog-Content Category Tuyen Tuyensinh sinh Thông Thông tin tin các lớp lớp đào đào tạo tạo hợp hợp tác, tác, du du học học Blog-Content Category Dao Dao tao taohop hoptac tac Thời Thời khoá khoá biểu biểu Blog-Content Category Thoi Thoikhoa khoabieu bieu Chuyên Chuyên cần cần Blog-Content Category Chuyen Chuyencan can Điểm Điểm số số Blog-Content Category Diem Diemso so Khen Khen thưởng, thưởng, kỷ kỷ luật luật Blog-Content Category Khen Khenthuong thuong KL KL Thư Thư viện viện giáo giáo án, án, giảng mẫu giảng mẫu Blog-Content Section Dao Dao tao tao Thu Thu vien vien giao giao an an Mon Monhoc hoc11 Mon Monhoc hoc22 … … Ví dụ liên kết Front-end Back-end 9Front-end (menu) Gương Gương mặt mặt 9Back-end Blog-Content Section Guong Guong mat mat Thầy Thầy cô cô Blog-Content Category Thay Thayco co Học Học sinh sinh Blog-Content-Category Hoc Hocsinh sinh Thư Thư viện viện ảnh ảnh ??? Xem tiếp phần sau Các thao tác quản trị nội dung Các thao tác quản trị nội dung – – – – Quản Quản Quản Quản lý lý lý lý Section: Content -> Sections Manager Category: Content -> Categories Manager viết: Content -> All Content Items menu chính: Menu -> mainmenu Một số chức giao diện quản trị: – – – – – – – – New: Tạo mục Edit: Sửa mục Delete Trash: Xóa mục Save: Lưu trở giao diện quản lý Apply: Lưu tiếp tục sửa chữa Close: Đóng, khơng lưu Cancel: Hủy thao tác Publish/Unpublish: Cơng bố/Khơng cơng bố nội dung Quản lý Section Joomla! Vào menu Content Ö Sections Manager giao diện hình Một số chức năng: 9Publish/Unpublish: Công bố/không công bố Sections lựa chọn 9Copy: Tạo Sections lựa chọn 9Delete: Xóa sections chọn 9Edit: Sửa Sections chọn 9New: Tạo sections 9Help: Hướng dẫn Quy trình thiết kế web site Joomla Thiết kế web site, đặc biệt cấu trúc web site Cài đặt cấu hình Joomla! Thiết kế Back-end (Section, Category, Content-item), thiết kế liên kết menu (Front-end) Back-end Tạo back-end Joomla! Tạo menu liên kết với Back-end Copy: – C:\Wamp\www\Joomla – C:\Wamp\Mysql\Data\Tên_CSDL (tên CSDL đặt bước trình cài đặt) .. .Giới thiệu Joomla! Theo JoomlaViet.org: ? ?Joomla!: Là hệ quản trị nội dung (CMS) mã nguồn mở, Linh hoạt, đơn giản, nhã, tính tuỳ biến cao mạnh mẽ, Được sử dụng toàn giới từ trang... phần Back-end – Trong Joomla!, back-end thể dạng Section, Category Content-item Ví dụ Front-end Trang Trang chủ chủ Tìm Tìm kiếm kiếm Phản Phản hồi hồi Giới Giới thiệu thiệu Tin Tin tức tức Đào... liên kết Front-end Back-end 9Front-end (menu) 9Back-end Thong Thong tin tin chung chung Giới Giới thiệu thiệu Blog-Content Category Lịch Lịch sử, sử, thành thành tích, tích, chiến lược PT chiến