Đồ án tốt nghiệp Xây dựng website với công cụ Joomla TRêng ®¹i häc vinh Khoa c«ng nghÖ th«ng tin ===  === ®oµn quang minh x©y dùng website víi c«ng cô joomla x©y dùng website víi c«ng cô joomla ®å ¸n tèt nghiÖp ®¹i häc Ngµnh kü s Ngµnh kü s c«ng nghÖ th«ng tin c«ng nghÖ th«ng tin Vinh - 2011 =  = Giảng viên hướng dẫn: Ths. Lương Xuân Phú 1 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla MỤC LỤC Giảng viên hướng dẫn: Ths. Lương Xuân Phú 2 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla LỜI NÓI ĐẦU 1. Lý do chọn đề tài Với sự bùng nổ của hệ thống mạng toàn cầu Internet hiện nay và những lợi ích vô cùng to lớn của nó mang lại đã thực sự thu hút và chinh phục con người. Tận dụng những tính năng mạnh mẽ của Internet, những công nghệ mới về thông tin và truyền thông, người ta đã xây dựng nên những hệ thống đặc biệt để mọi người có thể ứng dụng, đưa vào đời sống thực tiễn. Và điều đó thực sự sẽ làm thay đổi cuộc sống của xã hội chúng ta theo chiều hướng tiện lợi hơn, văn minh hơn. Cùng với việc Internet đang nhanh chóng lan rộng khắp toàn cầu thì website thương mại sẽ trở thành công cụ chủ yếu và đắc lực cho việc kinh doanh mua bán trên phạm vi toàn cầu. Áp dụng việc quản lý và mua bán bằng máy tính thay cho quản lý và mua bán bằng thủ công ở các doanh nghiệp, công ty, cá nhân… là rất cần thiết và thật sự cần thiết. Các công ty, các doanh nghiệp có thể quảng cáo các sản phẩm, các dịch vụ của mình trên các website. Điều này sẽ giúp tăng doanh thu, tăng khách hàng và đặc biệt là dễ dàng tìm các đối tác kinh doanh. Và việc chi trả thanh toán trực tuyến rất nhanh chóng và đơn giản thông qua các loại thẻ tín dụng. Việc “quản lý mua bán hàng qua mạng ” là không thể thiếu được trong mọi doanh nghiệp, công ty vừa và nhỏ. Cho nên cần phải có những công nghệ mới để quản lý, quản trị website, để đáp ứng những nhu cầu trên vì lý do đó mà em chọn đề tài "Xây dựng website với công cụ Joomla", nó có thể đáp ứng đầy đủ các chức năng trên. Chương trình chạy trên môi trường hệ điều hành WinXP, WinServer, Linux sử dụng ngôn ngữ chuẩn về xử lý dữ liệu như PHP, HTML, JavaScript, XML, CSS và hệ quản trị cơ sở dữ liệu MySQL. Dùng Appserv làm môi trường WebServer hỗ trợ sẵn Apacher, PHP, MySQL. 2. Mục đích, phạm vi, đối tượng của đề tài Mục đích của đề tài là xây dựng được một website dùng để quản lý bán Giảng viên hướng dẫn: Ths. Lương Xuân Phú 3 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla hàng trực tiếp qua mạng. Trong đó tập trung vào việc phát triển các component và các module phục vụ một cách có hiệu quả cho người dùng. Website được xây dựng nhằm hỗ trợ cho các cá nhân, công ty, cơ quan, … có nhu cầu quảng bá sản phẩm, cũng như quản lý trong việc bán sản phẩm. Đối tượng phục vụ: Cá nhân, công ty, cửa hàng vừa và nhỏ,… Nhà quản trị website 3. Ý nghĩa thực tiễn của đề tài Có thể tra cứu, cập nhật, thống kê, báo cáo sản phẩm, nhà sản xuất, thông tin khách hàng, hóa đơn, thuế, … Mua bán sản phẩm dể dàng, ít tốn kém, hàng hóa chất lượng, phục vụ tận tình từ nhân viên website. Tạo một website thân thiện, nhanh và hiệu quả hơn trong việc quản lý, hay bán sản phẩm bằng thủ công . 4. Bố cục của đề tài Đề tài được trình bày theo bố cục như sau: Chương 1: Tìm hiểu về joomla Chương 2: Tìm hiểu một số thành phần trong joomla Chương 3: Khảo sát và phát triển virtuemart trong joomla Chương 4: Thực nghiệm chương trình Giảng viên hướng dẫn: Ths. Lương Xuân Phú 4 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla CHƯƠNG 1: TÌM HIỂU VỀ JOOMLA 1.1 Giới thiệu sơ lược về Joomla Joomla là một hệ thống quản trị nội dung (CMS – Content Management System) giúp bạn thực hiện các website động một cách nhanh chóng và dễ dàng. Là hệ thống quản trị nội dung mã nguồn mở số 1 thế giới hiện nay. Linh hoạt, đơn giản, thanh nhã, tính tuỳ biến rất cao và cực kỳ mạnh mẽ, đó là những gì có thể nói về Joomla! Đượ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. Việc cài đặt Joomla! rất dễ dàng, đơn giản trong việc quản lý và đáng tin cậy. Ứng dụng Joomla trong nhiều lĩnh vực như: - Trang Web của các tổ chức hoặc của các cổng thông tin (Portal). - Thương mại điện tử. - 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à nhà thờ. 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… Ngoài các vấn đề là mã nguồn mở miễn phí, khả năng bảo mật cao, dễ dàng sử dụng, còn điều gì tuyệt vời hơn đằng sau khiến cho Joomla phát triển mạnh và được nhiều người yêu thích như vậy ? với Joomla việc xây dựng (lập trình) thêm các thành phần, module, các chức năng cho nó là một việc rất dễ dàng đối với các lập trình viên, do đó Joomla có rất rất nhiều các chức năng mở rộng được viết bởi các nhà lập trình trên khắp thế giới, và hầu hết tất cả các ứng dụng, thành phần này đều được chia sẻ miễn phí, đó chính là điều tuyệt vời nhất. Hiện nay Joomla phát triển theo 3 dòng phiên bản: dòng phiên bản Joomla 1.0.X, dòng phiên bản Joomla 1.5.X và dòng phiên bản mới nhất 1.6.x Giảng viên hướng dẫn: Ths. Lương Xuân Phú 5 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla 1.2. Kiến trúc Joomla Joomla được phát triển theo kiến trúc 3 tầng hệ thống: Hình 1.1 : Cấu Trúc Joomla 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. JApplication: Lớp này đại diện cho ứng dụng Joomla và được thực hiện như một nhà máy qui định mọi ứng dụng giữ những đối tượng. Lớp này bao gồm các lớp con như: JInstallation, JAdministrator và JSite. Mambot (Plug-in): Là các chức năng được bổ sung thêm cho Com, các Mambot này sẽ can thiệp, bổ sung vào nội dung của trang Web trước hoặc sau khi nó được hiển thị. Mambot có thể được cài đặt thêm vào Web Site. Hay nói cách khác Mambot là phương tiện giao tiếp với component. 1.2.1. Cấu trúc của gói cài đặt Component a. Component Là thành phần chính của trang Web, nó quyết định đến chức năng, hình thức, Giảng viên hướng dẫn: Ths. Lương Xuân Phú 6 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla nội dung chính của mỗi trang Web. Com có thể có thêm Mod để hỗ trợ cho việc hiển thị các chức năng và nội dung của Com. Com có thể được cài đặt thêm vào Web Site. Thông thường sau khi cài đặt Joomla! có sẵn các Component: Banners (quản lý các bảng quảng cáo), Contacts (quản lý việc liên hệ giữa người dùng với Ban quản trị Web Site), Search (quản lý việc tìm kiếm), News Feeds (quản lý các tin tức), Polls (quản lý việc bình chọn, ý kiến của người dùng), Web Links (quản lý các liên kết ngoài Web Site) và các Com quản lý nội dung của trang Web. b. Cấu trúc của một Component Backend thông thường sẽ gồm những file cơ bản sau: 1 file admin.yourcom.php, 1 file admin.yourcom.html.php, 1 file toolbar.yourcom.php, 1 file toolbar.yourcom.html.php. Frontend sẽ gồm 2 file cơ bản (thông thường): 1 file yourcom.php, 1 file yourcom.html.php. Chú ý : Không nhất thiết một component của bạn phải hoặc chỉ bao gồm các file trên, các file bắt buộc là admin.yourcom.php và yourcom.php (folder chứa com cả trong frontend và backend sẽ là com_yourcom). Ngoài ra bạn có thể có các file khác (ví dụ: yourcom.class.php chẳng hạn), các folder, các file .js, file ảnh . tùy thuộc vào mức độ bạn cần ở com này và mức độ bạn hiểu. Một file .XML để phục vụ cho việc cài đặt khi bạn đóng gói. File XML này sẽ mang tất cả các thông số về Tên com; tên tác giả, địa chỉ email, license . (optional). Mục đích chính của file này là khai báo các file trong frontend và backend (đường dẫn đầy đủ của các file này) để upload khi cài đặt, khai báo các query tạo và insert database (nếu bạn phải thêm database) và các query uninstall Một điểm quan trọng là phải hiểu các object, class, function . cơ bản trong joomla thì mới sử dụng được chúng để viết (ví dụ như object về database .). Khi đóng gói thì nhớ ở dạng “.zip”, “.tar” nếu ở dạng “.zar” thì joomla không hiểu đc. Nếu chưa đóng gói được thì làm manual bằng cách insert trong database Giảng viên hướng dẫn: Ths. Lương Xuân Phú 7 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla và copy các file vào các folder tương ứng (không khuyến cáo sử dụng cách này). 1.2.3. Cấu trúc của gói cài đặt Module Module (Mod) Là bộ phận mở rộng thêm chức năng cho Website, các Mod này có các chức năng khác nhau, được hiển thị trên trang Web tại các vị trí qui định và có thể thay đổi được. Một trang Web có thể hiển thị nhiều Mod giống và khác nhau, Mod có thể được cài đặt thêm vào Website.Thông thường sau khi cài đặt Joomla! có sẵn các Module: Main Menu (menu chính), Top Menu (menu phụ, nằm ngang), Search (hiển thị công cụ tìm kiếm), Poll (hiển thị bảng bình chọn, lấy ý kiến), Newsflash (hiển thị các bản tin nổi bật), Hit Counter (hiển thị số lượng truy cập Web Site), Banners (hiển thị các bảng quảng cáo) . Thông thường một Mod sẽ gồm có 2 file chính là .php (chương trình) và file .xml (thông số cài đặt), ngoài ra có thể có thêm thư mục ảnh, Java Script . hỗ trợ thêm cho Module. 1.2.4. Cấu trúc của gói cài đặt Template (Temp) Template : Là giao diện, khuôn dạng, kiểu mẫu, hình thức được thiết kế để trình bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộ phận, thành phần của trang Web. Joomla! cho phép cài đặt và thay đổi Temp cho Web Site hay cho từng trang Web khác nhau một cách dễ dàng. Một gói cài đặt template Joomla gồm các file bắt buộc sau: • File "index.php" File này gồm các mã lệnh PHP, thẻ <head>, thẻ <body> và các bảng <table> hoặc các thẻ <div>để định vị các module và tạo nên bố cục của template. • File "templateDetails.xml" Được sử dụng trong quá trình cài đặt. File này chứa các thông số về template và giúp Joomla! biết được trong quá trình cài đặt cần tạo các thư mục và truyền các file css, php, ảnh nào lên thư mục templates. Giảng viên hướng dẫn: Ths. Lương Xuân Phú 8 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla • File "template_css.css" hoặc "template.css" Joomla 1.0.x sử dụng file template_css.css còn Joomla 1.5 sử dụng file template.css. Đây chính là CSS chính của Joomla. File này kết hợp với index.php để tạo nên template. • File "template_thumbnail.png" File này chính là ảnh chụp minh họa của template. Nó giúp bạn dễ hình dung khi lựa chọn template hoặc trong phần quản trị hoặc ở mặt tiền của Website (nếu bạn cho phép mọi người có thể tùy chọn template). Ngoài các file chính nói trên trong gói cài đặt template có thể có thêm các thư mục và file khác như thư mục CSS để chứa các file CSS bổ sung, thư mục ảnh để chứa các ảnh được sử dụng cho template, thư mục javascript để chứa các javascript (nếu có) . 1.2.5. Cách đưa Component, Module và Template tích hợp vào Joomla Để có thể tích hợp component, module và template vào Joomla ngoài việc dựa vào chuẩn cấu trúc của từng phần, kiến trúc của Joomla mà còn theo một số phương pháp sau: Các com, mod, template được tạo ra phải nén dưới dạng file.zip khi đó mới được cài đặt vào. Các com, mod, temp phải phù hợp với từng phiên bản của Joomla. Dùng lệnh Installation tương ứng với com, mod, temp để cài đặt. Sau khi đã cài đặt thành công thì kích hoạt com, mod, temp để có thể chạy ứng dụng bằng cách Publish. 1.3. Sử dụng WebServer chạy Joomla Để chạy được Joomla ta cần phải có một WebServer với Apache, MySQL, Giảng viên hướng dẫn: Ths. Lương Xuân Phú 9 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla PHP and Perl, việc cấu hình và cài đặt WebServer gặp nhiều khó khăn và tốn kém thời gian. Hiện nay có nhiều phần mềm cấu hình sẳn và ứng dụng như một WebServer như Appserv, Xamp, Wamp,… Trong phần này em sử dụng WebServer Appserv để chạy Joomla. Cài đặt Appserv 2.5.10 - Chạy file appserv-win32-2.5.10.exe để bắt đầu cài đặt chương trình : Hình 1.2 Cài đặt AppServ 2.5.10 - Chọn Next => I Agree => Chọn đường dẫn cài đặt AppServ (hoặc để mặc định) => Chọn các Option cần thiết (nên chọn tất cả) - Điền vào các thông tin của Server Giảng viên hướng dẫn: Ths. Lương Xuân Phú 10 . án tốt nghiệp Xây dựng website với công cụ Joomla MỤC LỤC Giảng viên hướng dẫn: Ths. Lương Xuân Phú 2 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla. tài là xây dựng được một website dùng để quản lý bán Giảng viên hướng dẫn: Ths. Lương Xuân Phú 3 Đồ án tốt nghiệp Xây dựng website với công cụ Joomla