Phát triển website với joomla

Phát triển website với joomla

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BÁO CÁO MÔN HỌC NHẬP MÔN CÔNG NGHỆ THÔNG TIN HÀ NỘI 12-2011 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Phát triển WEBSITE với Joomla Nhóm sinh viên thực hiện: Nhóm 02 Kim Đình Sơn CNTT&TT MSSV 20102089 Nguyễn Hữu Trung CNTT&TT MSSV 20102767 Nguyễn Tường Quân CNTT&TT MSSV 20102044 Nguyễn Xuân Trường CNTT&TT MSSV 20102400 Nguyễn Thế Linh CNTT&TT MSSV 20101778 Trần Xuân Phong CNTT&TT MSSV 20101986 Giảng viên hướng dẫn: TS. Phạm Huy Hoàng Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Lời cảm ơn! Trong trình hoàn thành báo cáo này, nhóm thực giúp đỡ lớn từ thầy giáo Phạm Ngọc Hưng- hướng dẫn nhóm thực hành môn học, đặc biệt giúp đỡ kiến thức WEB trình bày . Ngoài ra, nhóm cảm ơn tới thầy Phạm Huy Hoàng- giảng viên dạy lý thuyết góp ý nội dung, bố cục cho báo cáo thêm hoàn thiện. Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Lời giới thiệu Mục đích nhóm tạo Website giới thiệu sách. Với kiến thức học ban đầu, HTML ngôn ngữ nghĩ đến đầu tiên. Tuy nhiên, bắt đầu thực hiện, nhiều vấn đề phát sinh: - HTML đòi hỏi người dùng phải tốn thời gian viết code, xử lí giao diện CSS. - Việc update sách khó khăn, lần cập nhật phải code lại - Việc phân quyền cho nhiều người quản lí trang bất cập -Khả tương tác bạn đọc cho web yếu (khó xây dựng form comment) …  Yêu cầu đòi hỏi cần phải tìm giải pháp cho vấn đề Qua tìm hiểu mạng, nhóm định sử dụng hệ quản trị nội dung mã nguồn mở để xây dựng web, nhiên nhiều lựa chọn đặt ra: - Wordpress: chuyên mảng blog - Drupal: Không thân thiện với người dùng, khó sử dụng - Nuke Viet: Các module, template không đa dạng … - Joomla: hệ quản trị phổ biến, giao diện thân thiện, dễ sử dụng, module kèm đa dạng. Và lựa chọn nhóm. Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Mục lục Bìa i Tựa đề ii Lời cảm ơn iii Lời giới thiệu iv 1. Nội dung ………………………………………………………………………. 1.1. Bước đầu làm quen với joomla! 1.1.1) Cài đặt……………………………………………………………………. 1.1.2) Tìm hiểu joomla thiết kế website……………………… Bắt đầu xây dựng, thiết kế WEBSITE…………………………………… 1.2.1. Xây dựng phân khung cho website……………………………… 1.2.2. Cài đặt tiện ích………………………………………………………… Xây dựng hoàn thiện Web BK Book…………………………… 2.1. Phát triển nội dung cho website……………………………………………. 2.2. Quản lý Website…………………………………………………………………. 12 2.2.1. Phân quyền người dùng…………………………………………… 12 2.2.2. Bảo mật………………………………………………………………… 12 2.2.2.1. Sao lưu liệu……………………………………………. 12 2.2.2.2. Cập nhật Joomla! 13 2.2.2.3. Lưu ý thành phần mở rộng……………………… 13 2.2.2.4. Thiết lập quyền truy cập cho Folder File 13 1.2 2. Kết luận 14 Tham khảo 15 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla 1.Nội dung 1.1. Bước đầu làm quen với Joomla Joomla 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 Intranet. 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 hoàn toàn miễn phí cho tất người giới Khó khăn đầu tiên: thành viên nhóm chưa sử dụng qua Joomla, đặt yêu cầu có thời gian tìm hiểu Joomla cách khái quát. Upload liệu lên host vấn đề, việc cài đặt, bổ sung tiện ích dễ xảy lỗi nhóm định sử dụng localhost để test thử trang web, công cụ lựa chọn WampServer. 1) Cài đặt  Cài khởi động wampserver  Copy thư mục Joomla vào thư mục www thư mục cài wamp Theo http://en.wikipedia.org/wiki/Joomla Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla  Joomla dùng để tạo web động, yêu cầu phải khởi tạo sở liệu, wamp hỗ trợ điều này. Trong địa trình duyệt nhập vào localhost/phpadmin Trong tab Database, tạo CSDL new Figure 1.  Bắt đầu trình cài chính, địa nhập vào localhost, phần Your Project, chọn cài mà vừa copy vào thư mục www Figure 2. Next qua bước, ý bước cấu hình database Figure 3. Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Ở localhost Username root, Password bỏ trống, database tên CSDL đặt. Bước cuối xóa bỏ thư mục Installation thư mục cài joomla để hoàn tất. 2) Tìm hiểu joomla thiết kế website Việc cài đặt joomla hoàn tất, website sau khởi tạo có dạng sau: Figure 4. Công việc tìm hiểu cách sử dụng joomla cho người bắt đầu thực vấn đề khó khăn, việc bố trí giao diện quản trị dạng đồ họa thân thiện công cụ lại nhiều gây bối rối cho chưa quen khó khăn mà nhóm gặp phải Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Figure 5. Giao diện đăng nhập Figure 6. Giao diện trang quản trị 1.2. Bắt đầu xây dựng, thiết kế WEBSITE Hệ thống quản trị Joomla hỗ trợ người dùng nhiều công việc: - Viết quản lí viết - Tạo thư mục/Menu lớn - Quản lí tệp tin đa phương tiện - Phân quyền người sử dụng, thực điểm mạnh - Tùy biến ngôn ngữ sử dụng - Và điểm đặc biệt Joomla việc hỗ trợ thành phần mở rộng Module/component/template Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Joomla có kho liệu đồ sộ giao diện( Template), hiệu ứng, tiện ích cho web hàng triệu người sử dụng khắp giới đóng góp. Vì thế, thay phải ngồi code sản phẩm mình, sử dụng lại sản phẩm mà cộng đồng đóng góp, sau phát triển thêm theo nhu cầu sử dụng mình. 1.2.1. Xây dựng phần khung cho website Trong đề tài này, nhóm tập trung vào việc phát triển website giới thiệu sách, nhận thức việc tự phát triển giao diện riêng cho web tốn nhiều thời gian công sức, nhóm đến định sử dụng giao diện mẫu mạng. Việc tìm kiếm nhiều thời gian, số lượng giao diện lớn, phải đáp ứng yêu cầu: đẹp, miễn phí, nội dung website giới thiệu sách. Cuối tìm ưng ý, bắt đầu cài đặt: Figure 7. Giao diện cài đặt thành phần mở rộng Vấn đề lại phát sinh với giao diện này, layout mặc định bị xếp lộn xộn trông không giống demo giao diện. Tình bắt buộc phải chỉnh lại vị trí layout cho với thiết kế. Sử dụng sơ đồ layout kèm Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Figure 8. Sơ đồ layout 1.2.2. Cài đặt tiện ích Việc cài đặt tiện ích mở rộng, phần user3 mục đích tạo hiệu ứng chuyển động giới thiệu đầu sách. Vì phải tìm thêm module hỗ trợ hiệu ứng Google search cho ta nhiều kết - Việc cài đặt module giống cài đặt giao diện - Thiết lập thuộc tính cho mudule Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Figure 9. - Và kết quả: Figure 10. Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla 2.Xây dựng hoàn thiện Web BK Book 2.1. Phát triển nội dung cho website: Sau có phần khung cho web, công việc hoàn thiện nội dung. Bố cục website: Website Trang chủ Tin tức Đầu sách Thêm menu: Ebook Liên hệ Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Figure 11. Và menu hoàn thiện: Website xong mặt bố cục, vấn đề lại thêm viết vào để đầy đủ nội dung cho trang. Sử dụng chức Add New Article để đăng Figure 12. Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Để quản lí viết cách khoa học, việc xếp theo chủ đề cần thiết, Joomla cho phép làm điều qua việc quản lí chủ đề (Category) Ngoài số tính khác hỗ trợ tạo banner quảng cáo, feeds, weblinks… nhiên khuôn khổ báo cáo không trình bày vào vấn đề đó. Và website sau chỉnh sửa hoàn thiện: 10 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla 11 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla 2.2. Quản lý website 2.2.1. Phân quyền người dùng: Một vấn đề đặt làm web, để có nhiều người tham gia post bài, lại không quyền tác động đến hệ thống quản trị, phân cấp nhóm người dùng nào, …? Như trình bày đầu, khả phân quyền người dùng lí mà nhóm chọn joomla, hệ quản trị cho phép administrator thiết lập quyền hạn quản trị web thông qua chế Nhóm người dùng, Quyền người dùng, Cấp bậc truy cập: Figure 13. 2.2.2. Bảo mật Công việc bảo mật cho Website quan trọng để tránh Hacker xâm nhập, phá hoại lấy cắp thông tin quan trọng, thông thường việc đòi hỏi người Quản trị phải có kiến thức khả thực được. Cũng trình tìm hiểu joomla, nhóm đồng thời xem xét mức độ bảo hệ thống tìm giải pháp, chọn lựa phù hợp cho website mình. Dưới nhóm tìm hiểu Joomla! Web Securit. 2.2.2.1. Sao lưu liệu Đây công việc cần phải làm thường xuyên, việc lưu( Backup) bao gồm toàn File Website liệu Database. Trong trường hợp Website bị công ngưng hoạt động cần phục hồi lại( Restore) File liệu lưu Website hoạt động lại. Việc lưu liệu Database thực công cụ phpMyAdmin có Control Panel Hosting công cụ Backup 12 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla toàn File Website tải máy tính cá nhân thông qua chương trình FTP. 2.2.2.2. Cập nhật Joomla! Thường xuyên theo dõi cập nhật kịp thời sửa lỗi nâng cấp cho Joomla! để khắc phục lỗi bảo mật có. Xem thông báo phiên cập nhật cho Joomla! trang Web http://joomla.org 2.2.2.3. Lưu ý thành phần mở rộng Việc cài đặt thêm thành phần mở rộng (Component, Module) làm ảnh hưởng đến bảo mật Joomla! Thường xuyên theo dõi thông báo bảo mật thành phần mở rộng trang Web Joomla! 3rd party security Nếu phát thành phần mở rộng có lỗi phải tiến hành cập nhật sửa lỗi có xóa bỏ khỏi Joomla! 2.2.2.4. Thiết lập quyền truy cập cho Folder File   Việc thiết lập quyền truy cập (CHMOD) cho Folder File Joomla! giúp ngăn chặn truy xuất không hợp lệ vào Folder File Website. Thiết lập quyền hạn CHMOD 755 cho Folder (kể Folder bên trong) CHMOD 644 cho tất File. Ngăn liệt kê File Folder  Đặt File index.html tất Folder Website để ngăn chặn việc liệt kê File có Folder đó, tạo File html rổng copy File index.html có sẵn Folder Joomla! Thiết lập "Register Globals Emulation"  Thiết lập Register Globals Emulation cách truy cập vào Global Configuration  Chọn Tab  Register Globals Emulation  Off. Ngoài sử dụng thêm công cụ bảo mật có Control Panel Hosting để tăng cường thêm mức độ bảo mật cho Website. 13 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Kết luận Với tốc độ phát triển internet Công nghệ thông tin vũ bão nay, việc đưa ứng dụng thực tế trở thành công việc tất yếu thời đại “ số hóa công nghệ ”. Và ý tưởng Phát triển website với joomla! nhóm ứng dụng BK book với mục đích trao đổi, cung cấp kho tài liệu tri thức, chia sẻ nguồn tài nguyên nhằm giúp bạn sinh viên, thầy cô quan tâm độc giả. Lựa chọn joomla! tối ưu lại phù hợp mã nguồn mở nên dễ dàng khai thác phát triển hệ thống. Mặc dù báo cáo khuôn khổ hạn hẹp thân thành viên nhóm chưa có kinh nghiệm thời gian kiến thức để hoàn chỉnh ý tưởng mình, động lực lớn để nhóm định hướng phát triển tương lai. Mọi cố gắng thành viên ghi nhận qua “sản phẩm” mình- BKbook. Trong trình hoàn thiện báo cáo gặp nhiều sai sót, mong nhận đóng góp cho ý kiến thầy cô bạn đọc nội dung hình thức hoàn chỉnh hơn. Vui lòng liên hệ qua địa sau: Nhóm 02-BK book, CNTT&TT4, K55, viện SoICT, Đại học Bách Khoa Hà Nội Email: bkbook.soict.hust@gmail.com hoặc: ict4k55.soict.hust@groups.facebook.com 14 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Tham khảo [1] Unknown, Thiết kế Template joomla!, nguồn: http://forum.webchuyennghiep.net/showthread.php?t=2504 [2] Michelle Bisson - Leader Documentation, Administrator joomla! Manual, 2006. [3] WallPearl, Simple CSS, 2008. [4] http://www.web3mantra.com/2011/02/22/30-free-joomla-templates/ [5] http://www.joomla.edu.vn/tai-lieu-hoc-joomla/42-customize-joomla-cms.html [6] http://www.joomlaviet.com/dich-vu/lap-trinh-ung-dung-joomla.html [7] http://www.joomla24.com/ Cùng nhiều nguồn khác từ internet thành viên nhóm cung cấp 15 [...]... CNTT&TT Phát triển Website với Joomla Figure 9 - Và kết quả: Figure 10 7 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla 2.Xây dựng và hoàn thiện Web BK Book 2.1 Phát triển nội dung cho website: Sau khi đã có 1 phần khung cho web, công việc tiếp theo là hoàn thiện nội dung Bố cục của website: Website Trang chủ Tin tức Đầu sách Thêm 1 menu: 8 Ebook Liên hệ Báo cáo Nhập môn CNTT&TT Phát triển Website. .. tăng cường thêm mức độ bảo mật cho Website 13 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Kết luận Với tốc độ phát triển internet và Công nghệ thông tin như vũ bão như hiện nay, việc đưa các ứng dụng thực tế đã trở thành một công việc tất yếu trong thời đại “ số hóa công nghệ ” Và ý tưởng Phát triển website với joomla! đã được nhóm ứng dụng trong BK book với mục đích trao đổi, cung cấp kho... quảng cáo, feeds, weblinks… tuy nhiên trong khuôn khổ bản báo cáo này không trình bày vào những vấn đề đó Và đây là website sau khi chỉnh sửa khá hoàn thiện: 10 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla 11 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla 2.2 Quản lý website 2.2.1 Phân quyền người dùng: Một vấn đề đặt ra khi làm web, đó là làm sao để có thể có nhiều người cùng tham... môn CNTT&TT Phát triển Website với Joomla Tham khảo [1] Unknown, Thiết kế Template joomla! , nguồn: http://forum.webchuyennghiep.net/showthread.php?t=2504 [2] Michelle Bisson - Leader Documentation, Administrator joomla! Manual, 2006 [3] WallPearl, Simple CSS, 2008 [4] http://www.web3mantra.com/2011/02/22/30-free -joomla- templates/ [5] http://www .joomla. edu.vn/tai-lieu-hoc -joomla/ 42-customize -joomla- cms.html... CNTT&TT Phát triển Website với Joomla Figure 11 Và menu hoàn thiện: Website đã xong cơ bản về mặt bố cục, vấn đề còn lại chỉ là thêm các bài viết vào để đầy đủ nội dung cho 1 trang Sử dụng chức năng Add New Article để đăng bài Figure 12 9 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Để có thể quản lí bài viết 1 cách khoa học, việc sắp xếp theo từng chủ đề là cần thiết, Joomla cho phép làm điều... dữ liệu đã được sao lưu là Website có thể hoạt động lại Việc sao lưu dữ liệu trong Database có thể được thực hiện bằng công cụ phpMyAdmin có trong Control Panel của Hosting hoặc bất cứ công cụ Backup 12 Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla nào và toàn bộ các File của Website có thể được tải về máy tính cá nhân thông qua các chương trình FTP 2.2.2.2 Cập nhật Joomla! Thường xuyên theo... cho Joomla! để khắc phục các lỗi bảo mật nếu có Xem các thông báo về phiên bản và cập nhật cho Joomla! tại trang Web http:/ /joomla. org 2.2.2.3 Lưu ý các thành phần mở rộng Việc cài đặt thêm các thành phần mở rộng (Component, Module) có thể sẽ làm ảnh hưởng đến bảo mật của Joomla! Thường xuyên theo dõi các thông báo về bảo mật của các thành phần mở rộng tại trang Web Joomla! 3rd party security Nếu phát. ..Báo cáo Nhập môn CNTT&TT Phát triển Website với Joomla Figure 8 Sơ đồ layout 1.2.2 Cài đặt tiện ích Việc tiếp theo là cài đặt các tiện ích mở rộng, phần user3 mục đích là tạo 1 hiệu ứng chuyển động giới thiệu các đầu sách Vì thế phải tìm... tâm và độc giả Lựa chọn joomla! tuy không phải là tối ưu nhất nhưng nó lại phù hợp và mã nguồn mở nên dễ dàng khai thác cũng như phát triển hệ thống Mặc dù bài báo cáo còn trong khuôn khổ hạn hẹp và bản thân các thành viên trong nhóm cũng chưa có kinh nghiệm về thời gian và kiến thức để hoàn chỉnh ý tưởng của mình, nhưng đây cũng là động lực rất lớn để nhóm định hướng phát triển trong tương lai Mọi... trình tìm hiểu về joomla, nhóm cũng đồng thời xem xét mức độ bảo của hệ thống và tìm các giải pháp, chọn lựa phù hợp nhất cho website của mình Dưới đây là những gì nhóm tìm hiểu được về Joomla! Web Securit 2.2.2.1 Sao lưu dữ liệu Đây là công việc cần phải làm thường xuyên, việc sao lưu( Backup) sẽ bao gồm toàn bộ các File của Website và các dữ liệu trong Database Trong trường hợp Website bị tấn công . HÀ NỘI 12-2011 Báo cáo Nhậ p môn CNTT&TT Phát tri ể n Website v ớ i Joomla Phát triển WEBSITE với Joomla Nhóm sinh viên thực hiện: Nhóm 02 Kim Đình Sơn Nguyễn. cáo Nhậ p môn CNTT&TT Phát tri ể n Website v ớ i Joomla 1. Nội dung 1.1. Bước đầu làm quen với Joomla Joomla là một hệ quản trị nội dung mã nguồn mở. Joomla được viết bằng ngôn ngữ. là website sau khi chỉnh sửa khá hoàn thiện: 11 Báo cáo Nhậ p môn CNTT&TT Phát tri ể n Website v ớ i Joomla 12 Báo cáo Nhậ p môn CNTT&TT Phát tri ể n Website v ớ i Joomla