phiên bản website đại học công nghệ trên thiết bị di độ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ớimạng thôn

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àmkhó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ườibạ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

MỤC LỤC LỜI CẢM ƠN 1

MỤC LỤC 2

1.TÓM TẮT NỘI DUNG KHÓA LUẬN 4

2.MỞ ĐẦU 5

2.1 Giới thiệu – Tóm tắt đề tài: 5

2.2 Đặt vấn đề 5

2.3 Khóa luận của em sẽ trình bày gồm 3 chương như sau 6

Chương 1: GIỚI THIỆU WEBSITE ĐẠI HỌC CÔNG NGHỆ (http://coltech.vnu.edu.vn) 7

1.1 MỤC TIÊU CỦA WEBSITE: 7

1.2 KIẾN TRÚC CỦA WEBSITE: 7

Chương 2: GIỚI THIỆU VỀ MAMBO/JOOMLA! 7

2.1 Giới thiệu Mambo: 7

2.1.1 Ưu điểm sử dụng Mambo: 7

2.1.2 Nhược điểm của Mambo: 8

2.2 JOOMLA! LÀ GÌ: 8

2.2.1 LỊCH SỬ - SỰ PHÁT TRIỂN CỦA JOOMLA! 8

2.2.2 ƯU ĐIỂM CỦA JOOMLA! 10

2.2.3 CÁC PHIÊN BẢN CỦA JOOMLA 11

2.2.4 YÊU CẦU SỬ DỤNG JOOMLA 12

2.2.5 KIẾN TRÚC CỦA JOOMLA! 13

2.2.5.1 Joomla Framework 13

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.6 Module: 18

2.2.5.7 Component 19

2.2.5.8 Joomla! Template 21

2.2.5.9 Backend và Frontend của một website Joomla! 22

2.2.6 Cài đặt Joomla 23

Chương 3 PHÂN TÍCH THIẾT KẾ WEBSITE 29

3.1 Phương pháp thực hiện 29

3.1.1 PHƯƠNG PHÁP 29

3.2 Phân tích thiết kế và lập trình giao diện 29

3.2.1 Yêu cầu giao diện của chương trình: 29

3.2.2 Thiết kế giao diện: 30

3.2.3 Lập trình giao diện (template) 31

3.3 Module Menu 38

3.3.1 Vì sao phải tạo module menu: 38

3.3.2 Thiết kế module cho menu 38

3.3.3 Lập trình module select menu 39

3.3.4 File /mod_khoaluan/mod_khoaluan.php 40

3.3.5 Cài cặt và sử dụng module 40

3.4 Module lựa chọn giao diện cho website 43

3.4.1 Yêu cầu và thiết kế 43

3.4.2 Lập trình cho module 44

3.5 Tối ưu hóa website và tăng tốc độ của web 44

3.5.1 Sử dụng chương trình mở rộng Plugin CacheCleaner-v1.1.3 44

3.5.2 Chỉnh sửa bài viết: 44

3.6 Plugin giúp hiển thị những bài viết liên quan 45

3.7 Kết quả đạt được 47

PHỤ LỤC: TÀI LIỆU THAM KHẢO 49

1.TÓM TẮT NỘI DUNG KHÓA LUẬN

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ộttrườ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áchoạ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ọingườ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ậymộ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ớimạng thông qua GPRS, WIFI, 3G… Bằng cách sử dụng Joomla, một hệ quản trị nộidung 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àymộ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 độngcủa đại học Công Nghệ một cách nhanh chóng và thuận tiện nhất

2.MỞ ĐẦU.

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.

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

để phục vụ việc truy cập trên di động.

- 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

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:

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

 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:

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:

quản trị nội dungmã nguồn mở cho phép tạo và quản lý các website thông

2.1.1 Ưu điểm sử dụng Mambo:

 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

 Website: http://www.joomla.org

2.2.1 LỊCH SỬ - SỰ PHÁT TRIỂN CỦA JOOMLA!

cốt

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)

 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

 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:

 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)

Joomla! 1.5 RC1, Joomla! 1.5 RC2, Joomla! 1.5 RC3, Joomla! 1.5 RC4

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 hỗ trợ đa ngôn ngữ Joomla!

Joomla 1.5 hỗ trợ tất cả các ngôn ngữ có tập ký tự được biểu diễn

 Joomla! 1.5 cũng bao gồm các đặc tính mới như các mô hình

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

Joomla 1.0.x

 Joomla! 1.6.x: (Phiên bản Alpha 2 – Đang trong quá trình xây dựng.)

 ACL (Access Control List - cho phép tạo các nhóm người dùng cũng như cấu hình mức độ truy xuất của các nhóm này vào các phần của trang web)

 Nested Categories cho phép tạo nhiều Category lồng nhau (đa cấp)

 Mootools 1.2: hỗ trợ tốt hơn cho việc sử dụng Javascript

 Số file của Joomla! 1.6 tính tới thời điểm này đã ít hơn 30%

so với Joomla! 1.5 do loại bỏ hoàn toàn các file liên quan tới việc tương thích ngược với Joomla! 1.0

 Hệ thống quản lý Menu đã được viết lại hoàn toàn

2.2.4 YÊU CẦU SỬ DỤNG JOOMLA

 Joomla có thể hoạt động trên cả Linux, Free BSD, Mac OS X, và Windows

2.2.5 KIẾN TRÚC CỦA JOOMLA!

Joomla! 1.5 gồm có 3 tầng hệ thống

(còn được biết với tên gọi mambot)

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

3.Kiến trúc Joomla!

2.2.5.1 Joomla Framework

 Joomla được viết bằng các ngôn ngữ : PHP, SQL, HTML, CSS

 Là phần mềm được thiết kế có thể tái sử dụng hay nói cách khác nó là các thư viện hàm hỗ trợ riêng cho việc lập trình phát triển ứng dụng trong joomla

 Joomla Framework bao gồm các lớp trừ tượng (class), và cách các lớp này được kết hợp sử dụng với nhau để đáp ứng yêu cầu cụ thể của chương trình

 Joomla Framework có thể sử dụng để hỗ trợ lập trình hướng đối tượng

 Trong khuôn khổ của một Frameword có thể bao gồm : Các chương trình hỗ trợ, thư viện mã Php – Sql, Một ngôn ngữ kịch bản khác ( thường là jascript), hoặc những phần mềm khác để các thành phần của một dự án phần mềm

 Danh sách các lớp sẽ được trình bày ở các bảng dưới đây Chi tiêt về ý nghĩa , chức năng của mỗi class có thể được xem trong thư viện mã,

4.Joomla Framework

 Còn nhiều class nữa, chi tiết danh sách, ý nghĩa có thể xem tại địa chỉ http://docs.joomla.org/Framework

2.2.5.2 Thư viện (Library)

 Là một gới mã (code) cung cấp những nhóm hàm liên quan của Joomla Framework và Các thành phần mở rộng(extension)

 Thay đổi code của phần thư viện này, bạn cho thể thay đổi chức năng của các hàm trong Joomla Framework…

 Code trong thư viện là mã PHP và SQL

2.2.5.3 Plugin

 Joomla Plugin là một trong các thành phần mở rộng của Joomla!

nhằm giúp thực hiện một cách tự động công việc cụ thể

đến việc kích hoạt các sự kiện trong Joomla

Editor events, Content events, Contact events

5.Plugin - me nu quản lý Plugin

 Các Plugin mặc định của Joomla! Trong phiên bản Joomla! 1.5 có tất cả 32 plugin mặc định được cung cấp kèm theo Các module này được phân thành 8 loại khác nhau và đặt trong các thư mục con tương ứng của thư mục [Joomla]/plugins

6.Plugin 2

 Danh sách 8 loại plugin mặc định của Joomla!

 Danh sách các loại plugin có sẵn của Joomla!

thảo

thống khác

 Trong một số trường hợp để chạy được một ứng dụng theo yêu cầu nào

đó Chúng ta sẽ phải tự xây dựng một Plugin riêng

2.2.5.4 Tầng thứ 2 - Application layer

 Đế sử dụng các hàm trong thư viện JApplication cần dùng hàmjimport( 'joomla.application.application' );

để khai báo

2.2.5.5 Tầng mở rộng (Extension layer)

7.Lich sử phát triển của Joomla - Mamb

 Tầng Extension của joomla gồm 3 thành phần chính: Modules , Components, Templates

 Đây là tầng giao tiếp với người sử dụng của một website sử dụng Joomla!

2.2.5.6 Module:

 Module là một trong 3 thành phần mở rộng chính của Joomla!

 Đó là một đoạn mã nhỏ thường được dùng để truy vấn các thông tin

từ cơ sở dữ liệu và hiển thị các kết quả tìm được

 Nó có thể được nạp vào một vị trí bất kỳ trên template (vị trí left, right, top, bottom hoặc vị trí do người dùng định nghĩa);

 Module có tên bắt đầu bằng mod_

 Chúng ta có các module thông dụng đã có sẵn khi chúng ta cài gói Joomla!:

nhất

được quan tâm nhiều nhất

viết liên quan

ảnh ngẫu nhiên

 Ví dụ trong sản phần này tôi đã xây dựng module menu để phục vụ việc hiển thị menu trong site

2.2.5.7 Component

8.componet – menu quan lý các Component

 Joomla Component là một trong các thành phần mở rộng của Joomla!,

 Thực chất nó là một ứng dụng trong hệ thống Joomla!

 Component được sử dụng để thực hiện một chức năng lớn nào đó, chẳng hạn như: Cung cấp tin tức, Quảng cáo, Rao vặt, Đặt phòng khách sạn, Bất động sản, Download

 Một component được hiển thị ở phần trung tâm, hay phần chính (mainbody) của Website

 Các Component mặc định của Joomla!

 Trong phiên bản Joomla! 1.5 có tất cả 11 component mặc định được cung cấp kèm theo

 Các component này được đặt trong thư mục [Joomla]/components vànằm trong các thư mục con tương ứng với ký hiệu là "com_xyz"

9.componet

 Danh sách các component và ý nghĩa của chúng

quan trọng nhất)

hình)

của website Joomla

2.2.5.8 Joomla! Template

10 Template - menu quản lý joomla template

 Joomla! Template là một gói bao gồm các file PHP, HTML, CSS, JS(Javascript) và các tấm hình, ảnh, biểu tượng, video, flash kèm theo tạo nên giao diện (bố cục và hình hài) của 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 2 – Các template mặc định của Joomla

 Các template này được đặt trong thư mục [Joomla]/templates và nằmtrong các thư mục con tương ứng Riêng "system" là một template đặc biệt, nó được sử dụng khi Joomla! không tìm thấy bất cứ template nào khác trên hệ thống

12.Template 3

 Đặc điểm của Template Joomla!

qua cách sắp xếp và đặt vị trí các module rất linh động

css và javascript

quan trọng Nó quyết định tính thẩm mỹ của website

hơn

Là : template ấy phải hiển thị tốt trên tất cả các trình duyệt: IE6, IE8, FireFox, Opera…

website Chẳng hạn đối với trang HOME bạn gắn nó với template JA Purity, còn trang DOWNLOAD lại gắn nó với template Rhuk Milkyway

Joomla commercial (template có phí) được cung cấp trên mạng hiện nay là một con số mà nhiều PORTAL / CMS / BLOG khác phải kính nể Có tới hàng nghìn thậm chí hàng chục nghìn template

2.2.5.9 Backend và Frontend của một website Joomla!

 Đây là một thuật ngữ rất hay được sử dụng của Joomla

 Front-end (tiền sảnh): Front-end (tiền sảnh), còn được biết với tên gọi Public Front-end: phần giao diện phía ngoài, nơi tiếp xúc với mọi người sử dụng Bất cứ ai cũng có thể trông thấy khi gõ đúng đường dẫn URL vào trình duyệt

 Front-end chứa 1 trang đặc biệt là FrontPage (homepage) - trang chủ

 Back-end (hậu sảnh)

 Back-end, còn được biết với tên gọi Public Back-end, Administrator,Control Pane: phần dành cho người quản trị Những người bình thường không biết đường dẫn để truy cập, hoặc nếu có biết thì cũng phải qua bước kiểm tra tài khoản

 Phần back-end được truy cập thông qua đường dẫn:

http://your_domain/administrator

2.2.6 Cài đặt Joomla

 Điều kiện để có thể cài đặt joomla là mày tính của bạn cần được cài đặt những thứ sau: Webservice(Apache, IIS), PHP, Mysql 3 thứ trên phải được cấu hình với nhau để có thể phục vụ lẫn nhau Nếu bạn thấy cấu hình mấy cái này khó khăn thì nên sử dụng 1 gói cài đặt chung cho cả 3 thứ ví dụ như Xampp chẳng hạn Sau khi cài đặt gói Xampp bạn sẽ có đủ cả mấy thứ trên

 Link download Xampp:

http://www.apachefriends.org/en/xampp-windows.html

2.2.6.1 Bước 1: Download & Upload bộ cài đặt Joomla!

 Sau khi đã cài đặt Apache hoặc Xampp bạn cần download

 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)

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

2.2.6.2 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ếubạn giải nén bộ cài đặt vào thư mục gốc thì gõ: http://yoursite/

 VD: http://coltech.vnu.edu.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/

2.2.6.3 Bước 3: Kiểm tra cấu hình hệ thống

Nếu các giá trị kiểm tra có màu xanh thì OK Nếu các giá trị kiểm tra có màu đỏ thì bạn cần hỏi bộ phận Hỗ trợ kỹ thuật của Server Bạn vẫn có thể tiếp tục cài đặt tuy nhiên một

số chức năng có thể sẽ không hoạt động

14 Install 2

2.2.6.4 Bước 4: Thông tin bản quyền

Bạn nên dành một chút thời gian để đọc các thông tin này

15 Install 3

2.2.6.5 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ứaJoomla 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

16 Install 4

2.2.6.6 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ú ý:

(Nên dùng chính tài khoản mà bạn đã Upload bộ cài đặt Joomla lên HOST)

2.2.6.7 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. 

 VD: VnExpress, Hosting Việt Nam,  ThanhNienOnline

 Your Email: địa chỉ email của bạn