LỜI CẢM ƠN Trước tiên tôi xin gửi lời cảm ơn sâu sắc tới thầy giáo ThS. Nguyễn Nam Hải – thầy đã trực tiếp hướng dẫn tôi hoàn thành khóa luận này. Tôi xin chân thành cảm ơn tới toàn thể giáo viên nhà trường, đặc biệt là các thầy cô trong khoa CNTT đã chỉ bảo tôi trong suốt 4 năm vừa qua và trong suốt quá trình làm khóa luận. Tôi xin gửi lời cảm ơn tới các bạn trong lớp K51CA và K51MMT đã ủng hộ, khuyến khích tôi trong thời gian tôi học tập tại trường. Và cuối cùng tôi xin tỏ lòng biết ơn vô hạn tới bố mẹ, anh chị tôi và những người bạn thân luôn bên cạnh, động viên tôi trong suốt quá trình thực hiện khóa luận tốt nghiệp. Hà nội ngày 15 tháng 5 năm 2010 Người viết Lê Văn Duy Page 1 MỤC LỤC LỜI CẢM ƠN 1 MỤC LỤC 2 Chương 1: GIỚI THIỆU WEBSITE ĐẠI HỌC CÔNG NGHỆ (http://coltech.vnu.edu.vn) 5 1.1 MỤC TIÊU CỦA WEBSITE: 5 Chương 2: GIỚI THIỆU VỀ MAMBO/JOOMLA! 6 2.1 Giới thiệu Mambo: 6 2.1.1 Ưu điểm sử dụng Mambo: 6 2.1.2 Nhược điểm của Mambo: 7 2.2 JOOMLA! LÀ GÌ: 7 2.2.1 LỊCH SỬ - SỰ PHÁT TRIỂN CỦA JOOMLA! 8 2.2.2 ƯU ĐIỂM CỦA JOOMLA! 9 2.2.3 CÁC PHIÊN BẢN CỦA JOOMLA 10 2.2.5 KIẾN TRÚC CỦA JOOMLA! 12 2.2.5.2 Thư viện (Library) 15 2.2.5.3 Plugin 15 2.2.5.5 Tầng mở rộng (Extension layer) 18 2.2.5.7 Component 20 2.2.5.8 Joomla! Template 22 2.2.5.9 Backend và Frontend của một website Joomla! 23 2.2.6 Cài đặt Joomla 25 Cài đặt thông qua file nén (ZIP) 33 PHỤ LỤC: TÀI LIỆU THAM KHẢO 58 1.TÓM TẮT NỘI DUNG KHÓA LUẬN Page 2 Ngày nay, việc truy cập website để cập nhật thông tiên là một điều không còn gì mới mẻ với cán bộ giảng viện, sinh viên đại học Công Nghệ - ĐH QGHN. Đối với một trường đại học lớn như đại học Công Nghệ thì việc chúng ta cập nhật thông tin về các hoạt động của trường là thường xuyên và liên tục. Nhưng việc cập nhật này đòi hỏi mọi người phải ngồi trên các máy tính có nối mạng là hết sức bất tiện và mất thời gian. Vậy một giải pháp được đưa ra ở đây là chúng ta sẽ truy cập website qua thiết bị di đông. Vì ngày nay phần lớn các thiết bị di động ( điện thoại, PDA ) đều có thể kết nối internet. Nhưng vấn đề đặt ra là trang Web dùng cho máy tính không phù hợp khi truy cập vào qua điện thoại di động gây mất thời gian và tốn kém chi phí cho người sử dụng. Chính vì thế bài toán xây dựng Website đại học Công Nghệ phiên bản tiếng việt đã được ra đời. Website được xây dựng dựa trên các yêu cầu phù hợp với người dùng di động kết nối với mạng thông qua GPRS, WIFI, 3G…. Bằng cách sử dụng Joomla, một hệ quản trị nội dung mã nguồn mở hàng đầu thế giới hiện nay sẽ giúp chúng ta giải quyết vấn đề này một cách nhanh chóng. Khóa luận của em thiết kế phiên bản website đại học Công Nghệ (http://coltech.vnu.edu.vn). Cho phép người dùng cập nhật thông tin về mọi hoạt động của đại học Công Nghệ một cách nhanh chóng và thuận tiện nhất. 2.MỞ ĐẦU. Page 3 2.1 Giới thiệu – Tóm tắt đề tài:  Tên đề tài: PHIÊN BẢN WEBSITE ĐẠI HỌC CÔNG NGHỆ TRÊN THIẾT BỊ DI ĐỘNG.  Đề tài thực hiện phân tích thiết kế - website http://coltech.vnu.edu.vn/ phiên bản tiếng việt. Phục vụ cho mục đích cập nhật thông tin qua các thiết bị di động ( điện thoại , PDA, ). 2.2 Đặt vấn đề  Lĩnh vực nghiên cứu của đề tài: - Lĩnh vực phân tích thiết kế lập trình trên nền web. - Phân tích tích thiết kế những ứng dụng dành cho thiết bị di động. - Sử dụng ngôn ngữ lập trình PHP, HTML, JAVA SCRIPT, CSS. - Sử dụng hệ cơ sở dữ liệu MySQL - Hệ quản trị nội dung mã nguồn mở Mambo - Joomla! Phiên bản 1.5.  Tính khả thi của đề tài. - Đề tại xuất phát từ yêu cầu thực tế của người dùng hiện nay là cập nhật thông tin – truy cập website thông qua thiết bị di động ( Điện thoại, PDA, ) - Sự phát triển của công nghệ, hầu hết các thiết bị di động hiện nay đều có khả năng kết nối GPRS, 3G hỗ trợ rất lớn cho người dùng. - Phiên bản các website được thiết kế cho Máy Tính không hỗ trợ thiết thực cho việc truy cập qua di động. Gây khó khăn trong việc cập nhật thông tin, tốn kém chi phí cho người sử dụng. - Vấn đề đặt ra khi truy cập website trên di động: 1. Độ phân giải của website không phù hợp cho thiết bị di động. 2. Chất lượng đường truyền qua mạng di động kém hơn rất nhiều so với mạng cố định. 3. Dung lượng web lớn gây tốn kém về cả chi phí và thời gian. 4. Không hỗ trợ tốt nhất cho người sử dụng, ví dụ: Người dùng truy cập website: http://coltech.vnu.edu.vn/ với mục tiêu chính là cập nhật thông tin mới, mà khi truy cập website không hỗ trợ ngay mục đích này của người dùng. - Hầu hết các website hiện nay chưa có phiên bản riêng dành cho thiết bị di động hoặc không khắc phục hết nhược điểm của website để phục vụ việc truy cập trên di động. Page 4 - Vì vậy mục tiêu của đề tài sẽ thực hiện chi tiết các bước từ phân tích thiết kế đến lập trình một website hỗ trợ tốt nhất cho việc truy cập trên thiết bị di động. Cụ thể phát triển phiên bản di động cho website http://coltech.vnu.edu.vn/ 2.3 Khóa luận của em sẽ trình bày gồm 3 chương như sau - Chương 1: Giới thiệu website đại học Công Nghệ - Chương 2: Giới thiệu về Mambo - Joomla - Chương 3:Phân tích thiết kế website Chương 1: GIỚI THIỆU WEBSITE ĐẠI HỌC CÔNG NGHỆ (http://coltech.vnu.edu.vn) 1.1 MỤC TIÊU CỦA WEBSITE:  Website http://coltech.vnu.edu.vn là nơi lưu trữ , cập nhật thông tin chính của Đại học Công Nghệ - ĐH QGHN  Là nơi cung cấp thông tin giới thiệu về : Lịch sử , cơ cấu tổ chức của đại học Công Nghệ - ĐH QGHN  Cập nhật thông tin cần biết cho cán bộ giảng viên , công nhân viên, sinh viên trong trường.  Cung cấp thông tin về các hoạt động : Đào tạo, Tuyển sinh, Hợp tác, Liên kết Page 5  Cập nhật tin tức về các hoạt động sự kiện đã, đang và sắp diễn trong toàn trường 1.2 KIẾN TRÚC CỦA WEBSITE:  Cơ sở dữ liệu của website http://coltech.vnu.edu.vn/ đơn vị chủ quản Trung tâm máy tính đại học quốc gia hà nội  Website được xây dựng trên nền hệ quản trị nội dung mã nguồn mở Mambo.  Website đại học Công nghệ mới có phiên bản phát triển cho máy tính. Khi truy cập bằng thiết bị di động thì rât khó khăn. Chương 2: GIỚI THIỆU VỀ MAMBO/JOOMLA! Hiện tại, phiên bản web của đại học Công Nghệ - ĐH QGHN được xây dựng và phát triển trên hệ quản trị nội dung mã nguồn mở Mambo. Tôi xin giới thiệu đôi chút về Mambo. 2.1 Giới thiệu Mambo:  Mambo (còn có tên khác là Mambo Open Source hoặc MOS) là một hệ quản trị nội dung mã nguồn mở cho phép tạo và quản lý các website thông qua một giao diện web đơn giản. 2.1.1 Ưu điểm sử dụng Mambo: Page 6  Nó cuốn hút được nhiều người dùng nhờ khả năng dễ dàng sử dụng.  Mambo cũng bao gồm những đặc tính tiên tiến như kỹ thuật chuyển đổi giao diện, và kỹ thuật API mạnh mẽ, nó cũng tự động hóa nhiều tác vụ như lập chỉ mục, cung cấp RSS feed, phiên bản dành cho in ấn, tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm, hỗ trợ đa ngôn ngữ và những khả năng khác. 2.1.2 Nhược điểm của Mambo:  Hạn chế lớn nhất của Mambo là thiếu những thành phần mở rộng  Mambo giờ rất ít đước sử dụng  Tốc độ của một site không cao.  Số ứng dụng, hỗ trợ được tích hợp và phát triển của Mambo ít. Khi phát triển website sẽ khó khăn.  Không đáp ứng được những yêu cầu ngày càng tăng của người sử dụng dịch vụ website  Hiện tại Mambo không còn được sử dụng nhiều. Cộng đồng phát triển Mambo rất ít. Nguyên nhân lớn nhất dẫn đến việc Mambo không được sử dụng để phát triển website là vì đã có Joomla. Với những nhược điểm mà Joomla mạng lại. Giải pháp tôi đưa ra là sử dụng Joomla! Đế xây dựng yêu cầu khóa luận này. Chi tiết về Joomla sẽ được đưa ra ở phần tiếp theo đây. 2.2 JOOMLA! LÀ GÌ:  Joomla là một hệ quản trị nội dung mã nguồn mở (Tếng Anh : Open Source Content Management Systems đời năm 2005.  Joomla được phát âm theo tiếng Swahili như là 'jumla' nghĩa là "đồng tâm hiệp lực". Page 7  Joomla ra Joomla có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng tốc độ hiển thị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để 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ữ.  Joomla được sử dụng ở khắp mọi nơi trên thế giới, từ những website cá nhân cho tới những hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ và ứng dụng. Joomla có thể dễ dàng cài đặt, dễ dàng quản lý và có độ tin cậy cao.  Website: http://www.joomla.org 2.2.1 LỊCH SỬ - SỰ PHÁT TRIỂN CỦA JOOMLA!  Joomla! là "sản phẩm anh em" với Mambo giữa tập đoàn Miro của Úc (hãng đang nắm giữ Mambo), với phần đông những người phát triển nòng cốt.  Ra đời do bất đồng quan điểm trong nội bộ Mambo- một hệ quản trị nội dung nổi tiếng gần như toàn bộ nhân lực chủ chốt (Core Team) của mambo đã ra đi, xây dựng nên một đế chế hùng mạnh với tên gọi Open Source Master, và Joomla ra đời từ đó (2005). 1. Lich sử phát triển của Joomla - Mamb  Chỉ hơn 3 năm chào đời,Joomla đã làm nên một kỳ tích: 2 lần đạt giải nhất mã nguồn mở ứng dụng tốt nhất thế giới - số thành viên trên 200.000 người (tính riêng tại joomla.org) Page 8  Nếu tính thêm những site lớn như rockettheme.com, joomlart.com, joomlashack.com, virtuemart.net, thì con số thành viên lên đến hàng triệu người. 2. Sự phát triển của Joomla qua yêu cầu tìm kiếm trên http://google.com  Tính đến thời điểm cuối tháng 5/2010, Căn cứ theo chỉ số tìm kiếm trên Google, thì có đến gần 95.200.000 kết quả có từ "Joomla"; có 26.600.000 kết quả với cụm từ "powered by joomla"  Tại Việt Nam, hiện joomlaviet.org vẫn là website số 1 của cộng đồng Joomla Việt Nam nhờ tính hỗ trợ cao và phi lợi nhuận. Tính đến 5/2010, Joomla Việt có Tổng số bài viết: 51453 • Tổng số chủ đề: 12948 • Tổng số thành viên: 18468 là những người yêu thích Joomla nói riêng, mã nguồn mở nói chung.  Về số extensions (các sản phẩm như component, mambot, plugin, module, ), Joomla cũng đạt con số kỷ lục: trên 3.200. Đó là chưa kể đến hàng ngàn template được xây dựng chỉ để dành cho website Joomla! 2.2.2 ƯU ĐIỂM CỦA JOOMLA!  Joomla đáp ứng được mô tả về 7 đặc tính của Web 2.0:  Web có vai trò nền tảng, có thể chạy mọi ứng dụng  . Tập hợp trí tuệ cộng đồng Page 9  Dữ liệu có vai trò then chốt  Phần mềm được cung cấp ở dạng dịch vụ web và được cập nhật không ngừng  Phát triển ứng dụng dễ dàng và nhanh chóng  Phần mềm có thể chạy trên nhiều thiết bị  Giao diện ứng dụng phong phú  Joonla có một hệ thống CMS hoàn chỉnh có thể thay đổi, tạo mới themes, extension, language.  Xây dựng trên một framework mạnh, hổ trợ MCV và nhiều thư viện, dễ dàng phát triển.  Số người tham gia phát triển đông đảo, extension và themes rất nhiều khổng chỉ xây dựng một web tin tức mà còn forum, communicate, shopping, social networking, CRM  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. 2.2.3 CÁC PHIÊN BẢN CỦA JOOMLA  Hiện Joomla! có 2 dòng phiên bản chính:  Joomla! 1.0.x : Phiên bản thế hệ 1 (ổn định)  Phiên bản phát hành đầu tiên: Joomla! 1.0.0 (ngày 15 tháng 9 năm 2005)  Phiên bản phát hành mới nhất: Joomla! 1.0.15 (ngày 22 tháng 2 năm 2008)  Dòng phiên bản 1.0.x  Phiên bản đầu tiên của Joomla! là phiên bả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 bản vá bảo mật và sửa lỗi). Page 10 [...]... template Joomla phù hợp với yêu cầu của đồ án 3.1.2 Phân tích và thiết kế website đại học công nghệ phiên bản cho di động gồm các bước:  Phần tích thiết kế giao di n ( template)  Phân tích thiết kế module (menu)  Phân tích thiết kế module ( lựa chọn giao di n)  Plugin phần biệt thiết bị truy cập và lựa chọn giao di n  Plugin hỗ trợ hiển thị bài viết  Plugin hỗ trợ clean – cache giúp tăng tốc... hơn phiên bản giành cho Máy vi tính  Giao di n hiển thi thông tin phù hợp , thuận tiện cho nhu cầu cập nhật thông tin của người dùng  Hỗ trợ người dùng thích ứng được ngay với giao di n mới  Giao di n có thể truy cập tốt trên tất cả các trình duyệt trên các thiết bị di động  Tối ưu code lập trình giao di n (template): Code đơn giản  Đưa vào ứng dụng thực tế 3.2.2 Thiết kế giao di n:  Giao di n... định trên server • Ví dụ: Các module sẽ copy vào thư mục …/modules Các template sẽ copy vào thư mục …/templates Page 33 3.2 Phân tích thiết kế và lập trình giao di n 3.2.1 Yêu cầu giao di n của chương trình:  Phiên bản website http://coltech.vnu.edu.vn/ đáp ứng được các yêu cầu:  Giao di n được hiển thị phù hợp với độ phân giải của thiết bị di động Độ phân giải 320 x 240 (pixel)  Dung lượng website. .. trên cơ sở dữ liệu của website http://coltech.vnu.edu.vn/ đơn vị chủ quản Trung tâm máy tính đại học quốc gia hà nội  Ngôn ngữ sử dụng PHP , Javascript, Css, HTML  Hệ quản trị cơ sở dữ liệu My SQL  Phân tích thiết kế - lập trình giao di n: Tạo một Template cho Joomla! Thỏa mãn các yêu cầu đã nêu ở trên  Tạo các module – template Joomla phù hợp với yêu cầu của đồ án 3.1.2 Phân tích và thiết kế website. .. Các phiên bản tiếp theo có dạng 1.0.x  Điểm mạnh của Joomla! 1.0.x: Có một số lượng rất lớn các thành phần mở rộng (module/component); thành phần nhúng (mambot); giao di n (template)  Joomla! 1.5.x: Phiên bản thế hệ 2 (ổn định)  Các phiên bả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 bản phát hành mới nhất:... cứ template nào khác trên hệ thống 12.Template 3  Đặc điểm của Template Joomla! • • Việc thiết kế Template Joomla! Được dựa trên code php, html, css và javascript • Việc phân tích thiết kế template cho một site Joomla là một khâu quan trọng Nó quyết định tính thẩm mỹ của website • Việc thiết kế một template tốt sẽ làm cho website chạy nhanh hơn • Một yêu cầu quan trọng trong việc thiết kế template của... Code đơn giản  Đưa vào ứng dụng thực tế 3.2.2 Thiết kế giao di n:  Giao di n được thiết kế theo hình vẽ 19.Template 1 Page 34  Giao di n thiết kế đàm bảo: Đơn giản, phục vụ những yeu cầu đặt ra  Do màn hình di động có độ phân giải nhỏ lên phải thiết kế các giao di n sắp xếp theo chiều ngang 3.2.3 Lập trình giao di n (template)  Cấu trúc của 1 file template của joomla: 20 Template 2 3.2.3.1File... Joomla! 1.5 RC4  Phiên bản phát hành mới nhất: Joomla! 1.5.11 (ngày 03 tháng 06 năm 2009)  Dòng phiên bản 1.5.x  Phiên bản Joomla! 1.5 là phiên bản cải tiến từ Joomla! 1.0.x (phần mã được viết lại hoàn toàn, tuy nhiên vẫn giữ cách hành xử như cũ) được coi như Mambo 4.6 Joomla! 1.5 tiếp tục duy trì một giao di n người sử dụng đơn giản (nhìn và cảm nhận - look and feel)  Cả Joomla! 1.5 và Mambo 4.6 đều... tự được biểu di n bằng bảng mã UTF-8  Joomla! 1.5 cũng bao gồm các đặc tính mới như các mô hình chứng thực (LDAP, Gmail ), hỗ trợ mô hình khách-chủ xml-rpc Nó cũng hỗ trợ các trình điều khiển cơ sở dữ liệu dành cho MySQL 4.1+ (trên nền PHP 5) và tăng cường hỗ trợ cho MySQL 5, cũng như hỗ trợ các loại cơ sở dữ liệu khác  Điểm mạnh của Joomla! 1.5: Phần quản trị Website có sử dụng công nghệ Web 2.0,... Website Joomla  Nói cách ngắn ngọn Template chính là giao di n của website Joomla!  Các Template mặc định của Joomla!  Trong phiên bản Joomla! 1.5 có 3 template được đóng gói sẵn kèm theo: JA Purity (Joomlart), Rhuk Milkyway (RocketTheme) và Beez (Angie Radtke/Robert Deutz)  Trong đó JA Purity và Rhuk Milkyway là các template được thiết kế bởi hai công ty hàng đầu về template Joomla! hiện nay 11 Template . tắt đề tài:  Tên đề tài: PHIÊN BẢN WEBSITE ĐẠI HỌC CÔNG NGHỆ TRÊN THIẾT BỊ DI ĐỘNG.  Đề tài thực hiện phân tích thiết kế - website http://coltech.vnu.edu.vn/ phiên bản tiếng việt. Phục vụ cho. chóng. Khóa luận của em thiết kế phiên bản website đại học Công Nghệ (http://coltech.vnu.edu.vn). Cho phép người dùng cập nhật thông tin về mọi hoạt động của đại học Công Nghệ một cách nhanh chóng. hà nội  Website được xây dựng trên nền hệ quản trị nội dung mã nguồn mở Mambo.  Website đại học Công nghệ mới có phiên bản phát triển cho máy tính. Khi truy cập bằng thiết bị di động thì