TỔNG QUAN VỀ NGÔN NGỮ XÂY DỰNG WEBSITE (MÃ NGUỒN JOOMLA)
Giới thiệu chung về Joomla
1.1.1 Lịch sử phát triển và khái niệm về Joomla
Joomla! là một hệ quản trị nội dung mã nguồn mở được phát triển bằng ngôn ngữ PHP và sử dụng cơ sở dữ liệu MySQL, cho phép người dùng dễ dàng xuất bản nội dung lên Internet.
Joomla! sở hữu nhiều tính năng nổi bật như bộ đệm trang giúp tăng tốc độ hiển thị, hỗ trợ lập chỉ mục, đọc tin RSS, tạo trang in, bản tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm trên site và khả năng 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! là một hệ thống quản lý nội dung phổ biến toàn cầu, được áp dụng từ các trang web cá nhân đến những hệ thống website doanh nghiệp phức tạp, cung cấp đa dạng dịch vụ và ứng dụng Với khả năng cài đặt và quản lý dễ dàng, Joomla! cũng nổi bật với độ 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.
Joomla là sản phẩm phát triển song song với Mambo của tập đoàn Miro Software Solutions tại Úc, nơi nắm giữ Mambo Ban đầu, Miro phát triển Mambo dưới dạng mã nguồn đóng, nhưng vào tháng 4 năm 2001, họ đã chuyển sang chính sách bản quyền kép, phát hành Mambo theo giấy phép GPL Tuy nhiên, vào ngày 17 tháng 8 năm 2005, do tranh chấp pháp lý và nhu cầu phát triển Mambo dựa vào sự hỗ trợ của cộng đồng, toàn bộ đội ngũ 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, nhờ sự trợ giúp của Trung tâm Luật Tự do Phần mềm (SFLC).
Mambo đã thành lập tổ chức phi lợi nhuận Open Source Matters để hỗ trợ tổ chức, pháp lý và tài chính cho dự án mã nguồn mở của họ Ngay sau đó, 1000 người đã tham gia diễn đàn OpenSourceMatters, với nhiều bài viết ủng hộ Nhóm Phát triển Tin tức này nhanh chóng được đăng tải trên các tạp chí như newsforge.com, eweek.com và ZDnet.com Hai tuần sau, Eddie, người đứng đầu dự án, thông báo về việc tái tổ chức các nhóm và sự phát triển của cộng đồng Joomla Đến ngày 1 tháng 9 năm 2005, tên mới của dự án được công bố cho khoảng 3000 người theo dõi, và đến ngày 16 tháng 9, Joomla 1.0 chính thức ra mắt.
Joomla! là một hệ quản trị nội dung mã nguồn mở (CMS) được phát triển bằng ngôn ngữ PHP và sử dụng cơ sở dữ liệu MySQL Hệ thống này giúp người dùng dễ dàng xuất bản nội dung lên Internet hoặc Intranet.
Joomla có những đặc tính nổi bật như bộ đệm trang để tăng tốc độ hiển thị, lập chỉ mục, đọc tin RSS, trang 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ữ Từ "Joomla" được phát âm theo tiếng Swahili là "jumla", mang ý nghĩa "đồng tâm hiệp lực" Phần mềm này được sử dụng rộng rãi trên toàn cầu, từ website cá nhân đến các hệ thống website doanh nghiệp phức tạp, cung cấp nhiều dịch vụ và ứng dụng Joomla dễ dàng cài đặt, quản lý và có độ tin cậy cao Là sản phẩm mã nguồn mở, Joomla hoàn toàn miễn phí cho mọi người trên thế giới.
Joomla là một nền tảng phổ biến được sử dụng toàn cầu để xây dựng nhiều loại website, từ các trang cá nhân đơn giản đến các ứng dụng phức tạp Dưới đây là một số ứng dụng có thể được phát triển bằng Joomla.
Trang web của các tổ chức hoặc các cổng thông tin ( Portal ).
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à trung tâm đào tạo.
Trang web cá nhân và gia đình.
Các cổng thông tin cộng đồng.
Trang web báo điện tử và tạp chí và nhiều ứng dụng khác nữa
PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE
Mô tả các chức năng của hệ thống
Phân tích hệ thống về mặt xử lý nhằm lập mô hình xử lý của hệ thống để trả lời câu hỏi “Hệ thống làm gì?” Điều này đi sâu vào bản chất và chi tiết của hệ thống trong việc xử lý thông tin Phân tích chỉ diễn tả ở mức lôgíc, tập trung vào mục đích và bản chất của quá trình xử lý, trong khi bỏ qua các yếu tố về thực hiện và cài đặt.
Một phương pháp phân tích và thiết kế là sự hợp thành của ba yếu tố:
- Một tập hợp các khái niệm và mô hình, bao gồm các khái niệm cơ bản sử dụng trong phương pháp cùng với các cách biểu diễn chúng.
- Một tiến độ triển khai, bao gồm các bước đi lần lượt, các hoạt động cần làm.
- Một công cụ trợ giúp, là một phần mềm giúp cho việc triển khai hệ thống thực hiện theo phương pháp được chặt chẽ và nhanh chóng.
Biểu đồ phân cấp chức năng là một công cụ trực quan mô tả sự phân rã từ các chức năng tổng quát đến chi tiết Mỗi nút trong biểu đồ đại diện cho một chức năng, và các cung nối giữa các nút thể hiện mối quan hệ bao hàm giữa chúng, tạo thành một cấu trúc cây rõ ràng.
- Chức năng tìm kiếm thông tin sản phẩm
Bảng 1 : Chức năng tìm kiếm thông tin sản phẩm
Mô tả Chức năng tìm kiếm sản phẩm theo từ khóa được nhập vào. Đầu vào Tên sản phẩm
Kiểm tra sự tương thích của tên, giá sản phẩm được nhập vào.
Kết nối đến cơ sở dữ liệu.
Tìm kiếm thông tin theo tên, giá sản phẩm. Đầu ra Hiển thị sản phẩm hoặc thông báo không tìm thấy.
- Chức năng hiển thị danh mục sản phẩm
Bảng 2: Chức năng hiển thị danh mục sản phẩm
Mô tả Hiển thị sản phẩm theo từng danh mục sản phẩm. Đầu vào Đường link danh mục sản phẩm.
Quá trình xử lý Lấy tất cả các sản phẩm có trong cơ sở dữ liệu theo danh mục. Đầu ra Hiện thị danh sách sản phẩm.
- Chức năng chi tiết sản phẩm
Bảng 3: Chức năng chi tiết sản phẩm
Mô tả chi tiết sản phẩm bao gồm đường link tên sản phẩm và khả năng nhấp vào ảnh sản phẩm Quá trình xử lý diễn ra bằng cách truy xuất thông tin từ cơ sở dữ liệu để lấy thông tin chi tiết về sản phẩm Kết quả đầu ra là hiển thị thông tin chi tiết sản phẩm một cách rõ ràng.
- Chức năng thống kê truy cập
Bảng 4: Chức năng thống kê truy cập
Mô tả Hiển thị số người truy cập vào website. Đầu vào Người xem truy cập vào website
Quá trình xử lý Đếm số lượt truy cập. Đầu ra Hiển thị số người đã truy cập website.
Biểu đồ phân cấp chức năng
Hình 1: Sơ đồ phân cấp chức năng
THIỆU TIN TỨC LIÊN HỆ BẢN ĐỒ WEBSITE
Các ký hiệu sử dụng
- Ký hiệu tác nhân ngoài:
- Ký hiệu tác nhân trong:
- Ký hiệu biểu diễn kho dữ liệu:
- Ký hiệu biểu thị các chức năng xử lý:
- Ký hiệu luồng dữ liệu:
Hình 2: Ký hiệu trong biểu đồ
Biểu đồ dữ liệu mức khung cảnh
Hình 3: Biểu đồ mức khung cảnh
Biểu đồ dữ liệu mức đỉnh
Sơ đồ mức đỉnh thể hiện đầy đủ các chức năng liên kết của website, giúp người đọc nắm bắt rõ ràng cấu trúc và chức năng của website thông qua biểu đồ này.
Tên chức năng Tên tác nhân trong
Tìm kiếm Kết quả tìm kiếm
Phản hồiTruy cập thông tinLiên hệ
Hình 4: Biểu đồ mức đỉnh
Yêu cầu xem thông tin
Cập nhật bản đồ Bản đồ
Cập nhật tin, liên hệ
Hiển thị kết quả Thông tin liên hệ
Yêu cầu xem, tìm kiếm sản phẩm
Hiển thị thông tin SP
Gửi thông tin SP,DMSP
Yêu cầu cập nhật SP, DMSP
Quản lý liên hệ, tin tức
Biểu đồ luồng dữ liệu mức dưới đỉnh
Biểu diễn các chức năng của hệ thống:
2.6.1 Chức năng quản lý sản phẩm
Hình 5: Sơ đồ mức dưới đỉnh quản lý sản phẩm
Cập nhật sản phẩm Thông tin mới về sản phẩm
Yêu cầu xem sản phẩm
2.6.2 Chức năng quản lý liên hệ, tin tức
Hình 6: Sơ đồ mức dưới đỉnh quản lý liên hệ, tin tức
2.6.3 Chức năng quản lý trang chủ
Hình 7: Sơ đồ mức dưới đỉnh quản lý trang chủ
Thông tin xác nhận liên hệ
Cập nhật thông tin liên hệ Hiển thị thông tin liên hệ
Yêu cầu xem tin tức
Hiển thị tin tức Yêu cầu đăng tin
Cập nhật trang chủ Hiển thị thông tin
2.6.4 Chức năng quản lý giới thiệu
Hình 8: Chức năng Quản lý giới thiệu
2.6.5 Chức năng quản lý bản đồ
Hình 9: Chức năng Quản lý bản đồ
- Mô tả các chức năng:
Tên chức năng: : Trang chủ
Quản lý Giới thiệu Yêu cầu thông tin
Giới thiệu Cập nhật thông tin
Cập nhật bản đồ Hiển thị bản đồ
Tất cả thông tin quan trọng được cập nhật và hiển thị tại đây, với các module chức năng được thiết kế để giúp khách hàng truy cập nhanh chóng và thuận tiện cho công việc của mình.
Tên chức năng: Giới thiệu
Thông tin, lịch sử doanh nghiệp được hiển thị tại đây, khách hàng truy vấn để biết thêm về doanh nghiệp
Tên chức năng: Sản phẩm
Khi khách hàng cần mua hay yêu cầu về sản phẩm thì chỉ việc liên hệ và đạt hàng.
Tên chức năng: Tin tức
Mỗi tin tức mới nhất được cập nhật nhằm giúp khách hàng có thông tin mới nhất về sản phẩm và các chương trình khuyến mãi
Tên chức năng: Liên hệ
Hàng ngày bộ phận thu thập email và các thông tin liên hệ để phản hồi kịp thời cho khách hàng.
Tên chức năng: Bản đồ
Bản đồ giúp khách hàng thuận tiện cho việc đi đến địa chỉ cơ quan , tạo thuận lợi cho công việc.
Xây dựng biểu đồ thực thể liên kết (E-R)
2.7.1 Xác định các thực thể và các thuộc tính
Các thực thể và các thuộc tính tương ứng của hệ thống như sau :
Danh mục sản phẩm (mã danh mục, tên danh mục).
Sản phẩm bao gồm mã sản phẩm, tên sản phẩm, hình ảnh minh họa, thông tin chi tiết, giá bán, thời gian bảo hành và mã danh mục, tất cả đều chứa thông tin quan trọng liên quan đến sản phẩm.
Khách hàng (mã khách hàng, tên khách hàng, ngày sinh, số điện thoại, địa chỉ, email) : Lưu trữ thông tin liên quan đến khách hàng.
Liên hệ (mã liên hệ, tiêu đề, nội dung, ngày gửi, người gửi) : Lưu trữ các liên hệ của khách hàng về sản phẩm, công ty …
Tin tức (mã tin tức, ngày đăng, người đăng, tiêu đề, nội dung) : Lưu trữ những tin tức khuyến mại, tin tức về sản phẩm mới.
Ban quản trị (mã quản trị, tên đăng nhập, mật khẩu): Lưu giữ thông tin quản trị.
Giới thiệu (mã giới thiệu, tên công ty, ngành nghề, nội dung).
Bản đồ (mã bản đồ, vị trí, đường đi).
2.7.2 Xác định các liên kết
Liên kết giữa thực thể Danh mục sản phẩm và Sản phẩm là kiểu liên kết 1 – n, trong đó mỗi sản phẩm thuộc về một loại sản phẩm cụ thể, trong khi một loại sản phẩm có thể chứa nhiều sản phẩm khác nhau.
Liên kết giữa thực thể Khách hàng và Liên hệ là liên kết 1 – n vì một khách hàng có thể liên hệ nhiều lần.
Liên kết giữa Ban quản trị và Phản hồi là mối quan hệ 1 – n, trong đó một Ban quản trị có thể nhận nhiều Phản hồi, trong khi mỗi Phản hồi chỉ thuộc về một Ban quản trị duy nhất.
Liên kết giữa thực thể Liên hệ và Phản hồi là mối quan hệ 1 – n, trong đó một góp ý có thể nhận nhiều phản hồi, nhưng mỗi phản hồi chỉ thuộc về một góp ý duy nhất.
Liên kết giữa Ban quản trị và Tin tức là kiểu 1 – n, trong đó một Ban quản trị có khả năng đăng nhiều tin tức, trong khi mỗi tin tức chỉ được đăng bởi một Ban quản trị duy nhất.
Liên kết giữa thực thể Khách hàng và Bản đồ là liên kết 1 – n vì một khách hàng có thể xem bản đồ nhiều lần.
Liên kết giữa thực thể Khách hàng và Giới thiệu là liên kết 1 – n vì một khách hàng có thể xem bài giới thiệu nhiều lần.
2.7.3 Biểu đồ thực thể - liên kết (E-R)
Từ những phân tích ở trên, ta xây dựng sơ đồ thực thể - liên kết như sau :
Hình 10 Sơ đồ thực thể - liên kết
2.8 Phân tích việc phân bố được lưu trữ bởi các thực thể vào các bảng dữ liệu của Joomla.
Các thực thể ánh xạ tới CSDL trong joomla:
Trang chủ: liên kết từ bảng Table: jos_content_frontpage
Sản phẩm: liên kết từ bảng Table: jos_vm_product
Giới thiệu: liên kết từ bảng Table: jos_content
Tin tức: liên kết từ bảng Table: jos_content
Bản đồ liên kết từ bảng Table: jos_content
Ngày sinh Điện thoại Địa chỉ
Mã khách hàng Tiêu đề Nội dung Ngày góp ý
Mã quản trị Tên đăng nhập Mật khẩu Email
Bản đồ Đường đi Địa chỉ
Tên công ty Nội dung
Mã sản phẩm Tên sản phẩm Đơn giá Thông tin Bảo hành
Mã danh mục Tên danh mục
Mã quyền hạn Tên quyền hạn 1 n 1 n
CÔNG CỤ CÀI ĐẶT VÀ TRIỂN KHAI WEBSITE
Quy trình cài đặt website trên Joomla
Muốn website có thể chạy trên máy chủ thì cần phải có một web server là
Apache, PHP và mySQL là ba thành phần độc lập nhưng không thể thiếu trong việc phát triển web Để sử dụng hiệu quả ba thành phần này, người mới học cần có kiến thức sâu rộng, điều này có thể gây khó khăn Để giải quyết vấn đề này, các gói phần mềm tích hợp đã ra đời, trong đó XAMPP hiện là gói phần mềm ổn định nhất Vì vậy, tôi đã chọn XAMPP để xây dựng và thiết kế website Khang Dũng.
* Quy trình cài đặt XAMPP được thực hiện theo quy trình sau :
Bạn truy cập vào link sau để download XAMPP phiên bản mới nhất hiện tại là 1.7.7, bạn chọn phiên bản Installer.
Sau khi tải xuống thành công, hãy nhấp đúp vào file cài đặt XAMPP (xampp-win32-1.7.7-VC9-installer.exe) Tiếp theo, chọn ngôn ngữ cài đặt là tiếng Anh và nhấn OK để tiếp tục quá trình cài đặt.
Nếu bạn cài đặt trên Windows 7 hay Windows Server 2008 sẽ có thông báo sau hiện ra, bạn nhấn OK để tiếp tục.
Bạn nhấn Next ở màn hình tiếp theo.
XAMPP được cài đặt mặc định tại ổ C với đường dẫn C:\xampp, nhưng bạn có thể chọn một đường dẫn cài đặt khác bằng cách nhấn vào nút Browse.
Bạn nhận chọn các service kèm theo XAMPP trong mục SERVICE SECTION sau đó nhấn Install để tiếp tục.
Màn hình hiển thị tiến độ cài đặt XAMPP hiện ra.
Quá trình cài đặt XAMPP hoàn tất, bạn nhấn vào nút Finish kết thúc.
XAMPP sẽ tự động cài đặt các service mà bạn đã chọn ở mục SERVICE SECTION bên trên, đầu tiên là Apache service, tiếp đó là MySQL service.
Quá trình cài đặt các service hoàn tất, bạn nhấn OK để tiếp tục.
Bạn nhấn Yes ở màn hình tiếp theo để bật XAMPP Control Panel.
- Sử dụng & quản trị XAMPP
Sau khi cài đặt XAMPP, bạn sẽ thấy biểu tượng của nó trên thanh system tray Khi nhấp vào biểu tượng này, cửa sổ XAMPP Control Panel sẽ hiển thị tình trạng của các dịch vụ mà XAMPP quản lý Trong trường hợp này, cả hai dịch vụ Apache và MySQL đều đang hoạt động tốt.
Khi bạn click vào nút Admin bên dưới mục Services bạn sẽ được đưa tới màn hình quản trị Apache.
Lựa chọn ngôn ngữ chính:
Để truy cập phpMyAdmin, bạn hãy nhấp vào liên kết trong mục Tool trên màn hình XAMPP for Windows Đây là công cụ quản trị MySQL dựa trên web Để chạy các ứng dụng PHP trong XAMPP, bạn cần sao chép dự án web PHP vào thư mục gốc chứa web: C:\xampp\htdocs\.
Cài đặt Website Joomla rất dễ dàng và nhanh chóng cho mọi người Bạn chỉ cần truy cập vào trang Joomla, tải bộ cài đặt, giải nén, và upload lên host Sau đó, tạo một database và tiến hành cài đặt theo hướng dẫn Màn hình cài đặt của Joomla 1.5 thân thiện và hợp lý, nhưng cần lưu ý tạo một database với Collation – charset: utf8_general_ci trước khi bắt đầu cài đặt.
Dưới đây là các bước thực hiện :
* Bước 1: Download & Upload bộ cài đặt Joomla!
+ Download Joomla 1.5 : link download: Joomla 1.5 beta (night builds) http://www.joomla.org
+ Upload Joomla : Upload lên Server và giải nén vào thư mục gốc chứa Web của bạn (hoặc một thư mục con của nó và đặt tên là joomla).
Thư mục gốc chứa Web thường có tên là: htdocs, public_html, www,wwwroot… C:\xampp\htdocs\
Bạn có thể Upload bằng một số cách:
- Bằng Copy trực tiếp (nếu cài trên máy của bạn)
- Bằng công cụ quản trị mà HOSTING cung cấp.
- Bằng công cụ FTP: WS_FTP, Total Commander, Net2FTP…
* Bước 2: Chọn ngôn ngữ cài đặt
Mở trình duyệt và gõ vào địa chỉ Website của bạn.
Nếu bạn giải nén bộ cài đặt vào thư mục gốc thì gõ: http://yoursite/ VD: http:// vinadesign.vn/
VD: http://localhost/ (nếu cài trên máy của bạn)
Nếu bạn giải nén bộ cài đặt vào thư mục joomla (thư mục con của thư mục gốc) thì gõ: http://yoursite/joomla/
VD: http://vinaora.com/joomla/
VD: http://localhost/joomla/ (nếu cài trên máy của bạn)
Màn hình cài đặt xuất hiện và bạn có thể chọn một ngôn ngữ trong quá trình đặt:
* Bước 3: Kiểm tra cấu hình hệ thống
Nếu các giá trị kiểm tra hiển thị màu xanh, mọi thứ đều ổn Ngược lại, nếu giá trị có màu đỏ, bạn cần liên hệ với bộ phận Hỗ trợ kỹ thuật của Server Mặc dù bạn vẫn có thể tiếp tục cài đặt, nhưng một số chức năng có thể không hoạt động đúng cách.
* Bước 4: Thông tin bản quyền
* Bước 5: Thiết lập các thông số để kết nối tới Cơ sở dữ liệu
- Hostname: Thường là giá trị “localhost”
(chỉ điền giá trị khác nếu như Database Server và Web Server nằm ở 2 nơi khác nhau, hoặc Host của bạn cung cấp như vậy)
- User name: Tên tài khoản có quyền đối với cơ sở dữ liệu chứa Joomla của bạn.
- Password: Mật khẩu của tài khoản trên
- Availbe Collations: Bạn nên chọn là “utf8_general_ci”
- Database Name: Tên cơ sở dữ liệu của bạn
* Bước 6: Thiết lập các thông số FTP
- Nếu Host của bạn không hỗ trợ, mục này sẽ không hiển thị
- Nếu Host của bạn hỗ trợ, bạn cần chú ý:
Username: Tên tài khoản FTP
Password: Mật khẩu tương ứng.
Auto Find Path: Tự động tìm đường dẫn tới nơi chứa Web của bạn
(Nên dùng chính tài khoản mà bạn đã Upload bộ cài đặt Joomla lên HOST
* Bước 7: Thiết lập cấu hình site Joomla của bạn
- Site name: tên site của bạn
- Your Email: địa chỉ email của bạn
- Admin Password: Mật khẩu để quản trị Joomla
Các thông số trên sau này đều có thể thay đổi dễ dàng nên bạn không cần bận tâm lắm Chỉ cần nhớ mật khẩu là đủ.
- Install Defaul Sample Data: Cài đặt dữ liệu mẫu Bạn nên nhấn nút này để Joomla tạo mẫu cho bạn một trang web đơn giản.
* Bước 8: Kết thúc quá trình cài đặt
Lưu ý rằng bạn cần xóa hoặc đổi tên thư mục cài đặt sau khi hoàn tất Tài khoản truy cập hệ thống là Admin và mật khẩu là mật khẩu mà bạn đã nhập ở bước 6.
- Để xem Website của bạn: Nhấn vào nút Site
- Để quản trị Website: Nhấn vào nút Admin Đường dẫn sẽ có dạng như sau:
http:// www.yoursite.com/administrator/ hoặc
http://www.yoursite.com/joomla/administrator hoặc
http://localhost/administrator/(nếu cài trực tiếp trên máy của bạn)
3.1.3 Cài đặt thành phần mở rộng trong Joomla
Sau khi cài đặt Joomla, bạn đã sở hữu một website với nhiều tính năng cơ bản Để tùy biến và mở rộng tính năng cho website, bạn có thể cài đặt thêm các thành phần mở rộng như gói ngôn ngữ, giao diện, component, mô-đun và mambot/plugin.
Các thành phần mở rộng được nhận diện qua các biểu tượng đặc trưng, giúp người dùng dễ dàng phân biệt Chúng có thể hoạt động độc lập hoặc kết hợp thành một gói bao gồm component, module và mambot/plugin hỗ trợ lẫn nhau.
Dưới đây là các bước để cài đặt một thành phần mở rộng trong Joomla :
* 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 hoặc dựa theo danh mục liệt kê chức năng để tìm extension thỏa mãn yêu cầu của bạn.
Để xác định thành phần mở rộng, cần phân loại chúng thành các loại như gói ngôn ngữ (language pack), giao diện (template), component, mô-đun (module), mambot/plugin hoặc một gói tổng hợp bao gồm cả component, module và 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 phần mở rộng Để cài đặt một thành phần mở rộng bạn có 3 lựa chọn:
Cài đặt thông qua file nén (ZIP)
Cài đặt thông qua một danh sách các file đã được upload lên Server
Cài đặt từ một địa chỉ 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 “Phần mở rộng“
Chọn mục “Cài đặt/Tháo gỡ“
Trong ô “Tải gói tập tin lên” nhấn nút “Browse…” và chọn file nén chứa phần mở rộng.
Nhấn nút “Tải gói tập tin lên và cài đặt“
Chờ Joomla thông báo kết quả cài đặt
Thông thường một thành phần mở rộng (extension) được đóng gói trong một file nén (ZIP) có dạng như sau: file_nen.zip
Trong đó file xml nằm ở thư mục ngoài cùng là file chứa các thông số cho quá trình cài đặt và cấu hình.
+ Cài đặt thông qua một danh sách các file :
Nên áp dụng cách này nếu Server của bạn không hỗ trợ việc giải nén file Zip hoặc gói cài đặt của bạn lớn.
Giải nén extension mà bạn đã download được.
Upload các file này lên một thư mục nào đó trên Server mà Joomla có thể truy cập được.
VD: C:/www/thietkejoomla/joomla/tmp/com_docman
VD: \www\thietkejoomla\joomla\tmp\com_docman
Mở trang quản trị (VD: http://thietkejoomla.com/administrator/ )
Chọn menu “Phần mở rộng“
Chọn mục “Cài đặt/Tháo gỡ“
Trong ô “Cài đặt từ thư mục” nhập vào đường dẫn mà bạn đã giải nén phần mở rộng.
Đợi Joomla thông báo kết quả cài đặt
Quản trị hệ thống website trên Joomla
3.2.1 Các chức năng của hệ quản trị joomla
- Bảng điều khiển của trình quản lý:
1 Nhập tiêu đề bài viết.
2 Nội dung bài viết cần thể hiện.
3 Chọn chế độ hiển thị trên Trang chủ.
4 Các chức năng: Xem trước bài viết, Lưu bài viết, Áp dụng bài viết, Hủy bài viết và Trợ giúp.
5 Các thông số của bài viết: Tên tác giả, Bí danh (tên khác của tác giả), Giới hạn truy cập (Công khai, Thành viên, Đặc biệt, Ngày tạo bài viết, Thời điểm áp dụng bài viết, Kết thúc phát hành bài vết (thường để: không bao giờ)).
+ Quản lý bài viết: Tất cả các bài viết sẽ được hiển thị tại đây
Để thực hiện các thao tác như lưu trữ, bật, tắt, di chuyển, sao chép, xóa và sửa bài viết, hãy chọn các Menu công cụ Lưu ý cần tích chọn bài viết trước khi sử dụng menu công cụ.
+ Quản lý trang chủ: Tất cả các bài viết nổi bật, cần thiết được hiển thị lên trang chủ của website.
Để thực hiện các thao tác như lưu trữ, bật, tắt hoặc tháo gỡ bài viết khỏi trang chủ, hãy chọn menu công cụ Lưu ý rằng bạn cần tích chọn bài viết trước khi sử dụng menu này.
+ Quản lý nhóm tin: Phân nhóm tin, các danh mục được thể hiện trong menu này:
Để thực hiện các thao tác như bật, tắt, sao chép, xóa, sửa, và thêm mới nhóm tin, bạn cần chọn nhóm tin trước khi sử dụng menu công cụ.
Quản lý phương tiện (media) bao gồm tất cả các loại dữ liệu âm thanh, hình ảnh và flash Trang quản lý này cho phép bạn thực hiện ba nhiệm vụ cơ bản.
1 Tạo (hoặc xóa) những thư mục chứa các file media
2 Tải lên nội dung media vào bất kỳ thư mục mào, hoặc xóa những file media đã có.
3 Lấy những code (dòng địa chỉ url đầy đủ) cần dùng media trong site của bạn.
Vào trang quản lý phương tiện: Chọn menu Trang -> Quản lý Phương tiện
Tạo một thư mục mới:
Trong hộp text nhập một tên cho thư mục mới.
Click biểu tượng “Tạo danh mục” trên thanh công cụ Thư mục sẽ được tạo và sẵn sàng để bạn lưu các file của mình.
Để xóa một thư mục, bạn chỉ cần chọn thư mục cần xóa và nhấn vào biểu tượng xóa Để tải lên một file, bạn có thể nhập địa chỉ file từ ổ cứng vào hộp văn bản hoặc nhấn nút “Chọn tệp tin” để mở cửa sổ pop-up.
Bạn có thể duyệt qua đĩa cứng để tìm tệp cần tải lên Hãy chọn thư mục mà bạn muốn tải tệp vào và nhấn vào biểu tượng “Bắt đầu tải lên” trên thanh công cụ Ảnh của bạn sẽ được tải lên vào thư mục đã chọn.
Chọn các Menu công cụ để thực hiện việc: Sao chép, xóa, sửa, thêm mới Menu Lưu ý tích chọn nhóm tin trước khi sử dụng menu công cụ.
Sau khi thiết lập nhóm tin và chủ đề để lưu trữ bài viết, bước tiếp theo là tạo menu liên kết cho bài viết, giúp người dùng dễ dàng truy cập và khám phá nội dung trên trang web.
Tạo mới menu: Vào trong phần Quản lý Menu, trên thanh menu công cụ, chọn biểu tượng Thêm mới.
Unique Name: Là tên duy nhất cho menu chúng ta sẽ tạo ra Tên này không được giống với bất kỳ tên menu đã tạo ra trước đó.
Tiêu đề: Là tiêu đề của menu sẽ được hiển thị trên trang web.
Sự miêu tả: Mô tả ngắn gọn cho menu sẽ tạo.
Module Joomla cho phép bạn tạo một module mới với tên được khai báo trong ô này Nhờ vào module này, bạn có thể thay đổi vị trí của menu và thực hiện một số cấu hình cho menu.
Tùy chọn ngôn ngữ mặc định cho website tạo điều kiện thuận tiện trong việc quản trị Ngôn ngữ chính thường là English và Tiếng việt.
Thành viên ban quản trị và cộng tác viên được phân quyền bởi người điều hành website Để tạo thành viên ban quản trị và cộng tác viên, hãy nhấp vào menu công cụ và chọn tùy chọn tương ứng.
Tên: Tên thành viên (Ví dụ: Nguyễn Văn A,…)
Tên đăng nhập: Tên viết liên không dấu (admin, thienbinhca,…)
Email: Tên email (gmail, yahoo,…)
Mật mã: Mật khẩu bắt buộc từ 8 ký tự có độ khó nhất định
Xác nhận lại mật mã: Gõ lại mật mã trên
Phân quyền là việc quan trọng cho mỗi thành viên quản lý website
Nhóm Manager: Quyền quản trị cao nhất.
Nhóm Administrator: Quyền quản trị viên.
Nhóm Super Administrator: Quyền quản trị khu vực.
Các tham số phụ bao gồm ngôn ngữ khu vực quản trị, ngôn ngữ trang chủ, trình soạn thảo, trang trợ giúp và múi giờ, nên được để ở chế độ mặc định để đảm bảo tính ổn định và hiệu quả trong quản lý.
A Tạo một module có sẵn
Mở menu “Phần mở rộng” >> “Quản lý Module”
Copy 1 module: check vào tên một module
Module sao chép sẽ được tạo ra và vị trí đặt module trên trang web cần được xác định Để biết chính xác vị trí và thứ tự đặt module, bạn nên liên hệ với người thiết kế trang web.
B 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 Mới trên thanh công cụ
Trong trang mới, bên trái trang, chúng ta sẽ điền những thông tin sau
Tiêu đề: Tiêu đề, dùng hiển thị trên trang, nếu Show Title là No thì tiêu đề sẽ không được hiển thị
Cho thấy tiêu đề: Cho phép hay không cho phép tiêu đề module được hiển thị trên trang. Đã bật: Cho phép sử dụng module.
Vị trí: Vị trí cần đặt trên trang.
Sắp xếp: Thứ tự trên một vị trí.
Giới hạn truy cập được phân chia thành ba mức độ: Public cho phép mọi người xem nội dung, Registered chỉ hiển thị cho các thành viên đã đăng ký, và Special chỉ dành cho các thành viên quản trị.
C Viết nội 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.
Giao diện của website được hiển thị bằng các template tùy chọn hoặc tự thiết kế.
Nếu có nhiều giao diện lựa chọn: Tick chọn giao diện và click “Mặc định” trên menu công cụ.
+ Quản lý cấu hình chung:
Cấu hình chung cho phép ban quản trị tạm ngưng hoạt động của website, điều chỉnh trình soạn thảo, độ dài, cũng như các mô tả và từ khóa của website một cách hợp lý nhất.
3.2.2 Môi trường kỹ thuật triển khai thiết kế website :
+ Ngôn ngữ lập trình: PHP, Javascrip, HTML
+ Công cụ lập trình: Notepad++
+ Công cụ đồ họa: Photoshop, corel
+ Hệ điều hành: Windows XP, Win 7
+ Cơ sở dữ liệu: MySQL
+ Website được triển khai trên máy chủ có:
- Phần cứng: 01x CPU Intel Pentium dual-core 1.6 GHz, 01x RAM 1GB, 01xHDD SCSI trống ít nhất 200M.
- Phần mềm: Xampp hoặc Wampp, Joomla 1.0, 1.5.x, 2.0, Microsoft SQL, IIS 5.0 trở lên.
Quá trình thiết kế website sử dụng mã nguồn mở Joomla với quy trình thực hiện như trên.
Hình ảnh demo website
3.3.1 Giao diện trang chủ của website:
Phần đầu trang chủ nổi bật với hình ảnh sản phẩm cầu thang được thiết kế động, với các hình ảnh liên tục thay đổi Thiết kế này không chỉ tạo sự thu hút mà còn giữ chân người truy cập hiệu quả.
Các module chính của website được hiển thị bên trái màn hình Ở giữa màn hình, những bài viết mới nhất được cập nhật giúp người xem dễ dàng nắm bắt thông tin mà họ chưa đọc.
3.3.2 Giao diện các chức năng
Giao diện của thanh Menu chính:
Home (Trang chủ): Nơi hiển thị các thông tin chính của website.
Danh mục sản phẩm được trưng bày nhằm giới thiệu đến khách hàng, giúp họ có sự lựa chọn tối ưu cho từng sản phẩm.
Giới thiệu: Đây là trang giới thiệu ngắn gọn về công ty.
Tin tức: Cập nhật thông tin mới nhất cho khách hàng Đối tác: Chia sẻ cơ hội hợp tác thành công và giới thiệu các đối tác của công ty.
Liên hệ: Khách hàng cần liên hệ trực tiếp hay tư vấn hỗ trợ thì chỉ cần click vào menu liên hệ.
Bản đồ: Nơi chỉ dẫn cho khách hàng tìm đến công ty nhanh nhất thuận tiện nhất
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
Đánh giá website
Xây dựng website trên nền tảng mã nguồn Joomla là một chủ đề thiết thực, đặc biệt trong bối cảnh hiện nay khi Internet đã trở nên phổ biến và các cơ quan Nhà nước cùng doanh nghiệp cần thiết kế website riêng để phục vụ nhu cầu thông tin của người dân Trong khi việc thuê thiết kế website thường tốn kém và chủ sở hữu không nắm rõ về trang web của mình, dẫn đến việc nội dung không được cập nhật kịp thời, hiệu quả không đạt yêu cầu Dưới sự hướng dẫn của thầy Phạm Xuân Lâm, bài viết này đưa ra quy trình tự thiết kế website, giúp các doanh nghiệp tham khảo và tự thực hiện cho công ty của mình.
Website Khang Dũng đã hoàn thành các yêu cầu cơ bản của một trang giới thiệu công ty, nhưng vẫn cần chỉnh sửa và nâng cấp để hoạt động hiệu quả hơn trong thực tiễn.
- Giao diện: Giao diện thân thiện, hình ảnh đẹp, hài hòa nổi bật được những nét đẹp nhất của mỗi địa danh.
- Nội dung website tiện dụng, phù hợp, đáp ứng được những yêu cầu cơ bản của người truy cập.
- Toàn bộ website đều sử dụng template để thiết kế và lập trình trên template cho phần phân quyền quản trị.
- Lập trình hiển thị nội dung các thông tin liên quan đến cầu thang bộ nói chung và các sản phẩm về nội thất nói riêng
- Lập trình cho phép khách truy cập gửi các bài viết cho bạn bè qua email.
- Lập trình cho phép khách truy cập gửi ý kiến và bình luận của mình tới người quản lý website
- Lập trình quản trị cho phép admin thêm mới, hiệu chỉnh, xóa bỏ các hình ảnh về sản phẩm
- Lập trình quản trị cho phép admin thêm mới, chỉnh sửa, xóa bỏ các thông tin, bài viết trên website.
- Lập trình quản trị cho phép admin tiếp nhận và phản hồi ý kiến của người sử dụng website qua email.
Ngoài ra, đối với bản thân, sau khi kết thúc xong việc xây dựng website Khang Dũng, em đã tích lũy thêm được nhiều kiến thức như:
- Hiểu biết cơ bản về nhiều ngôn ngữ lập trình.
- Nắm bắt được quy trình thiết kế website trên mã nguồn mở Joomla.
- Có thêm kiến thức và kinh nghiệm trong việc xây dựng một module trong một mã nguồn mở
- Nâng cao kiến thức về photoshop
Mặc dù website Khang Dũng đã đạt được nhiều yêu cầu, nhưng do kiến thức và thời gian hạn chế, vẫn còn một số khuyết điểm và thiếu sót cần khắc phục.
- Chưa có các thông tin liên quan chuyên sâu đến cầu thang bộ, các thông tin về thiết kế và công trình mẫu.
- Thiếu tính động trong website
- Chưa có chức năng đặt hàng theo mẫu chọn cho khách truy cập.
- Chưa có chức năng đăng lý thành viên
- Chưa hoàn thiện về mặt nội dung
- Thiếu thông tin các sản phẩm
Hướng phát triển website
Bổ sung và hoàn thiện thêm giao diện của người dùng:
- Thiết kế và lập trình thêm một số chức năng phục vụ khách hàng nhằm thu hút khách hàng đến với website Chẳng hạn như:
- Đặt hàng trực tuyến: tạo điều kiện cho khách hàng có thể đặt hàng theo mẫu có sẵn tại website.
- Cung cấp các thông tin khác: Các thông tin thông số kỹ thuật sau về nội thất, về cầu thang bộ …
Để cải thiện trải nghiệm người dùng trên website, cần chỉnh sửa và hoàn thiện các trang template nhằm đảm bảo website không bị hụt khi khách hàng truy cập từ các màn hình có độ phân giải lớn hơn 600 pixel.
- Có thể thiết kế thêm một số template hình ảnh động để tăng tính thẩm mỹ và thu hút người truy cập
Tăng cường chế độ bảo mật cho website :
Để bảo mật server, cần áp dụng các chế độ bảo mật cho server nơi website được lưu trữ Sử dụng HTTPS Server, một giao thức Hypertext Transfer Protocol với các dịch vụ bảo mật và mã hóa từ SSL Protocol, giúp mã hóa thông tin khách hàng và nâng cao khả năng chứng thực cũng như bảo mật cho website.
- Bảo mật source code của website: có thể dùng các kỹ thuật mã hóa toàn bộ source code của website để chống đánh cắp và bảo mật thông tin.
- Thuê một nhà cung cấp Hosting và Domain uy tín, chất lượng và chuyên nghiệp để đảm bảo website được bảo vệ tuyệt đối nhất.
