Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website

MỤC LỤC LỜI NÓI ĐẦU 2 CHƯƠNG 1 . TỔNG QUAN VỀ JOOMLA 3 1.1. Giới thiệu sơ lược về Joomla 3 1.2. Vài nét về lịch sử của Joomla 4 1.3. Kiến trúc của website joomla 5 1.4. Cấu trúc các gói cài đặt thành phần trong Joomla 5 1.4.1. Gói cài đặt Component 5 1.4.2. Gói cài đặt Module 5 1.4.3. Gói cài đặt Template 6 CHƯƠNG 2 : CÀI ĐẶT JOOMLA 7 2.1. Điều kiện để cài đặt joomla 7 2.2 Cài đặt Appserv 7 2.3. Cài đặt Joomla 11 CHƯƠNG 3. GIỚI THIỆU VÀ CÀI ĐẶT VIRTUEMART 18 3.1.Giới thiệu Virtuemart 18 3.2. Cài đặt Virtuemart 19 CHƯƠNG 4. ỨNG DỤNG THIẾT KẾ WEBSITE 23 4.1. Khảo sát quy trình thiết kế website 23 4.2. Đặc tả và phân tích hệ thống website 24 4.2.1. Lược đồ UseCase Khách hàng 24 4.2.2. Lược đồ UseCase Admin 25 4.2.3. Một số lược đồ hoạt động 26 4.3. Thiết kế 30 4.3.1.Quản lý trang người quản trị 30 4.3.2. Trang giao diện người dùng 34 CHƯƠNG 5: KẾT LUẬN 37 LỜI NÓI ĐẦU Ngày nay, với sự bùng nổ của hệ thống mạng toàn cầu Internet 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ể 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. Thế là những hệ thống website ra đời. Và giờ đây, cùng với việc Internet đang nhanh chóng lan rộng khắp toàn cầu thì website 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. Bây giờ thì hầu như bất cứ nhu cầu nào cũng đều có thể được đáp ứng ngay tức khắc, với một máy tính cá nhân có kết nối mạng, bạn có thể lướt trên các trang website của các công ty, dịch vụ thoải mái chọn lựa các mặt hàng mình thích, các thông tin mình cần ngay tại chỗ. 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. 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 về ” Tìm hiểu mã nguồn mở joomla trong việc thiết kế website”.

Trang 1

MỤC LỤC

SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 1

Trang 2

LỜI NÓI ĐẦU

Ngày nay, với sự bùng nổ của hệ thống mạng toàn cầu Internet 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ể 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 Thế là những hệ thống website ra đời Và giờ đây, cùng với việc Internet đang nhanh

chóng lan rộng khắp toàn cầu thì website 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 Bây giờ thì hầu như bất cứ nhu cầu nào cũng đều có thể được đáp ứng ngay tức khắc, với một máy tính cá nhân có kết nối mạng, bạn có thể lướt trên các trang website của các công ty, dịch

vụ thoải mái chọn lựa các mặt hàng mình thích, các thông tin mình cần ngay tại chỗ 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 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 về ” Tìm hiểu mã nguồn mở joomla trong việc thiết kế website”

Trang 3

CHƯƠNG 1 TỔNG QUAN 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ố một 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ẽ Đượ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

- 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

Trang 4

1.2 Vài nét về lịch sử của Joomla

Joomla là "sản phẩm anh em" với Mambo của tập đoàn MiroSoftware Solutions - Úc với những người phát triển nòng cốt Ban đầu công ty Miro đã phát triển Mambo theo dạng ứng dụng mã nguồn đóng Đến tháng 4 năm 2001, công ty

đã thông qua một chính sách bản quyền kép, nghĩa là phát hành Mambo theo cả giấy phép GPL

Đến ngày 17 tháng 8 năm 2005, do sự tranh chấp về mặt pháp lý cũng như mong muốn vào sự phát triển của Mambo dựa trên quỹ tài trợ và sự hỗ trợ của cộng đồng nên toàn bộ đội 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 (Software Freedom Law Center - SFLC), 20 thành viên nòng cốt cũ của Mambo đã thành lập một tổ chức phi lợi nhuận khác lấy tên là Open Source Matters, để hỗ trợ về mặt tổ chức, pháp

lý và kinh phí cho dự án mã nguồn mở còn chưa được đặt tên của họ Ngay ngày hôm sau, 1000 người đã gia nhập diễn đàn Open Source Matters, hầu hết các bài viết cho diễn đàn đều khuyến khích và đồng tình vối hành động của nhóm phát triển

Trong một thông báo của Eddie (người đứng đầu dự án) 2 tuần sau đó, các nhóm đã được tổ chức lại và cộng đổng Joomla tiếp tục tăng trưởng Tới ngày 1 tháng 9 năm 2005 tên mới của dự án đã đưỢc thông báo cho khoảng 3000 người theo dõi đội Phát triển và đến ngày 16 tháng 9 đù họ cho ra đời Joomla 1.0.

Hiện nay Joomla! đã có 4 dòng phiên bản chính:

 Phiên bản Joomla 1.0.X(được phát hành vào ngày 15 tháng 9 năm 2005)

Trang 5

1.3 Kiến trúc của website joomla

 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

1.4 Cấu trúc các gói cài đặt thành phần trong Joomla

1.4.1 Gói cài đặt Component

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, nội dung chính của mỗi trang Web Component có thể có thêm module

để hỗ trợ cho việc hiển thị các chức năng và nội dung của Component Thông thường sau khi cài đặt Joomla! có sẵn các Component: Banners, Contacts, Search, News Feeds, Polls, Web Links và các Component quản lý nội dung của trang Web

1.4.2 Gói cài đặt Module

Module: Là bộ phận mở rộng thêm chức năng cho Web Site, các module 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 module giống và khác nhau, module có thể được cài đặt thêm vào WebSite 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

Trang 6

có thể có thêm thư mục ảnh, Java Script hỗ trợ thêm cho module.

1.4.3 Gói cài đặt Template

Template : Là giao diện, khung 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 Template cho Web Site hay cho từng trang Web khác nhau một cách dễ dàng

Trang 7

CHƯƠNG 2 : CÀI ĐẶT JOOMLA 2.1 Điều kiện để cài đặt joomla

Joomla là một CMS mã nguồn mở rất dễ sử dụng, cấu hình và khả năng phát triển linh hoạt Nó rất thích hợp với các ứng dụng vừa và nhỏ

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

- Server: Apache Server 2.x

- Cơ sở dữ liệu: MySQL 5.0

- PHP 5.x

Ba điều kiện trên phải được cấu hình với nhau để có thể phục vụ lẫn nhau Chúng

ta có thể cài đặt riêng lẻ hoặc dùng gói chung cho cả 3 loại trên như Xampp hoặc Appsev

Trang 8

 Bước 2: Xuất hiện cửa sổ thông tin bản quyền AppServ - Chọn Next

 Bước 3 : Lựa chọn vi trí cài đặt - Chọn Next

Trang 9

 Bước 4: Tiếp tục xuất hiện cửa sổ chọn Select Componets - Chọn Next

Trang 10

 Bước 5 :Điền các thông số để tạo localhost

- Server Name : localhost

- Administrator’s Emai Address: admin@localhost

 Bước 6: Điền mật khẩu cho localhost và chọn Insatall

Trang 11

 Bước 7 : Chọn Finish để hoàn tất quá trình cài đặt

Trang 12

2.3 Cài đặt Joomla

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

- Download Joomla 1.5.26 : link download: 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

và đặt lại tên Thư mục gốc chứa Web thường có tên là: C:\Appserv\www\Bước 2: Tạo cơ sở dữ liệu cho Web

Mở trình duyệt và gõ vào: localhost sau đó chọn phpMyAdmin Database Manager Version 2.10.3

Trang 13

Điền tên database Ví dụ ở đây em tạo qldl - Chọn Create

Bước 3: Mở trình duyệt và gõ vào địa chỉ VD: http://localhost/vandaopc

Màn hình cài đặt xuất hiện cửa sổ Select Language và ta có thể chọn một ngôn ngữ trong quá trình đặt - chọn Next

Trang 14

Bước 4: Kiểm tra cấu hình hệ thống - chọn Next.

Bước 5: Thông tin bản quyền - Chọn Next để tiếp tục cài đặt.

Trang 15

Bước 6: Thiết lập các thông số để kết nối tới Cơ sở dữ liệu - Chọn Next

Trang 16

Bước 8: Thiết lập cấu hình site Joomla

- Site name: Đặt tên cho trang Web

- Your Email: lvdth12@gmail.com

- Admin Password: Mật khẩu để quản trị Joomla

- Install Default Sample Data: click vào Install Sample Data

Trang 17

Trang 19

Tiến hành song các bước thực hiện trên ta sẽ được:

Trang giao diện người quản trị

Trang giao diện người dùng

Trang 20

Trang 21

CHƯƠNG 3 GIỚI THIỆU VÀ CÀI ĐẶT VIRTUEMART

3.1.Giới thiệu Virtuemart

VirtueMart là thành phần mở rộng do Joomla phát triển trên nền tảng của Jommla cho phép mở rộng ứng dụng website bán hàng trực tuyến

Cũng như Joomla, VirtueMart cũng là mã nguồn mở, được viết bằng ngôn ngữ PHP và kết nối đến cơ sở dữ liệu MySQL và đương nhiên là VirtueMart được phát triển dựa trên nền tảng của Joomla

VirtueMart là dạng component được cài thêm vào Joomla thuộc tầng hệ thống thứ 3 Extention Tier.Chức năng chủ yếu của VirtueMart là một công cụ bao gồm tất cả các chức năng cần thiết của một website thương mại điện tử

Virtuemart cung cấp rất nhiều chức năng phục vụ cho việc quản lý sản phẩm (products), danh mục sản phẩm, phương thức vận chuyển, phương thức thanh toán và các phương thức trình diễn sản phẩm như: danh sách danh mục sản phẩm, sản phẩm mới, sản phẩm đặc biệt

Các tính năng của Virtuemart:

- Quản lý số lượng sản phẩm và danh mục không giới hạn với số lượng lớn

- Bán hàng qua mạng nên có thể dùng như 1 của hàng trên mạng,

- Tìm kiếm thông tin sản phẩm, danh mục hay nhà cung cấp 1 cách nhanh chóng

- Có thể sắp xếp theo từng thuộc tính của sản phẩm nếu muốn

- Đánh dấu ghi nhận là sản phẩm “đặc biệt” để thể nổi bật sản phẩm riêng biệt của từng cửa hàng

- Thông báo số lượng sản phẩm còn tồn tại trong kho cho khách hàng khi lựa chọn sản phẩm

Trang 22

- Hỗ trợ thanh toán trực tuyến người quản trị có thể nhập các hình thức thanh toán cho các loại thẻ (như authorize.net®, PayPal, 2Checkout, eWay, Worldpay, PayMate và NoChex, Visa ).

- Cung cấp đầy đủ các hình thức vận chuyển hàng (như: UPS, DHL, cảng…)

và giá cho từng loại hình thức vận chuyển

- Quản lý toàn vẹn quy trình bán hàng từ lúc đặt hàng cho đến khi đơn hàng hoàn tất

- An toàn bảo mật với thuật toán mã hóa nâng cao AES và nhiều thiết lập bảo mật

3.2 Cài đặt Virtuemart

Bước 1: Dowload bộ cài VirtueMart_1.1.9 về máy

Bước2: Đăng nhập trang Admin đến Extensions chọn Install / Uninstall Xuất hiện trang Extension Manager

Trang 23

Bước 3: Chọn tệp tin để tìm đến File: VirtueMart 1.1.9

Open để chọn Tiếp tục chọn Upload file & Install

Trang 24

Bước 4: Lần lượt chọn Dowload Component và Download Module

Click vào Install để cài đặt

Trang 25

Bước 5: Sau khi cài xong sẽ xuất hiện thông báo việc cài đặt bước đầu đã thành công.

Tiếp theo phải chọn một trong hai lựa chọn:

- Go directly to the Shop: Để bắt đầu cấu hình mới cho Virtuemart mà không

có bất cứ dữ liệu mẫu nào

- Install SAMPLE DATA: Để chọn cài đặt các dữ liệu mẫu cho Virtuemart,

nếu lần đầu tiên sử dụng VM thì nên chọn lựa chọn này để tham khảo cách làm việc của Virtuemart, sau đó có thể sửa các dữ liệu mẫu này tùy ý

- Sau khi chọn sẽ xuất hiện cảnh báo của Virtuemart, nhấn OK để đồng ý

Trang 26

CHƯƠNG 4 ỨNG DỤNG THIẾT KẾ WEBSITE 4.1 Khảo sát quy trình thiết kế website

Giai đoạn 1: Tìm hiểu yêu cầu thực tế:

- Xây dựng lại giao diện website có bố cục rõ ràng hơn

- Tạo chức năng đăng ký, đăng nhập cho khách hàng

- Hoàn thiện chức năng thanh toán trên website

- Tối ưu sản phẩm với kết quả tìm kiếm

Giai đoạn 2: Giai đoạn phân tích

- Phân tích modul đăng ký, đăng nhập

- Phân tích chức năng tìm kiếm trên website

- Thiết kế lập cấu trúc cho website và giao diện

Giai đoạn 3: Giai đoạn thiết kế

- Xem xét chi tiết yêu cầu và tiến hành thiết kế Website

- Thiết kế 1 vài mẫu giao diện

- Tiến hành xử lý hiệu ứng ảnh, thu thập tài liệu liên quan

- Kiểm tra sản phẩm để đảm bảo tính thẩm mỹ và thống nhất

Giai đoạn 4: Giai đoạn xây dựng

- Xây dựng cơ sở dữ liệu dựa trên thiết kế

- Soạn thảo nội dung tài liệu, chỉnh sửa hoàn thiện nội dung rồi đưa lên trang web

- Tích hợp hệ thống: lắp ghép phân tích thiết kế, nội dung lập trình thành sản phẩm

Giai đoạn 5: Giai đoạn chạy thử

Trang 27

- Khách hàng có thể vào Website để tham quan, tìm kiếm các sản phẩm cần mua Khách hàng có thể tìm sản phẩm mà mình cần theo theo những thuộc tính khác nhau như: tên sản phẩm, nhà sản xuất, giá cả và sản phẩm sau cùng Đồng thời, khách hàng cũng có thể gửi thông tin liên hệ tới công ty về những thắc mắc của mình hay bình luận, đánh giá một sản phẩm nào đó.

- Mỗi khách hàng được cung cấp một giỏ mua hàng tương ứng Khách hàng thêm những sản phẩm mình muốn mua vào giỏ mua hàng của mình và xem giỏ hàng Khách hàng có thể thêm sản phẩm vào giỏ hàng và xóa các sản phẩm không mua ra khỏi giỏ hàng của mình

- Khi khách hàng có quyết định mua hàng hóa thì chọn vào thanh toán lập tức Website sẽ yêu cầu đăng nhập thông tin khách hàng gồm Usename và Password Nếu khách hàng chưa có Usename thì phải đăng kí đầy đủ thông tin theo mẫu, sau đó đăng nhập để tiếp tục thanh toán Khi xác nhận thanh toán, hệ thống sẽ xuất cho khách hàng một hóa đơn theo mẫu quy định chứa

Trang 28

những thông tin mà khách hàng cung cấp cũng như số sản phẩm, giá, hình thức thanh toán,…

4.2.2 Lược đồ UseCase Admin

Quản lý cấu hình chung

Trang 29

Quản lý kinh doanh

- Sản phẩm: Cập nhật sản phẩm tồn kho, nhập mới sản phẩm Thường xuyên cập nhật thông tin sản phẩm lên trang hiển thị nhằm thông tin đầy đủ cho khách hàng

- Nhà sản xuất: Quản lý danh mục nhà sản xuất theo từng sản phẩm con Cập nhật thông tin của nhà sản xuất

- Khách hàng: Quản lý danh sách khách hàng Xác nhận thông tin và trả lời thắc mắc khách hàng

- Thanh toán: Quản lý các hình thức thanh toán, các loại thẻ tín dụng

- Hóa đơn: Quản lý quá trình nhập xuất đơn hàng

- Vận chuyển: Quản lý các hình thức vận chuyển, các dịch vụ đi kèm

4.2.3 Một số lược đồ hoạt động

• Lược đồ: Đăng kí

Trang 30

 Bước đầu tiên của việc đăng ký tài khoản mới là nhập thông tin người dùng.

 Nếu sai thông tin thì quay lại sửa chữa thông tin và bắt đầu lại quá trình hoặc kết thúc quá trình đăng kí

 Nếu thông tin và một số quy định chính xác của website đưa ra thì thiết lập tài khoản mới và kết thúc

• Lược đồ: Đăng nhập

 Khách hàng khi đã có tài khoản, để đăng nhập khách hàng nhập Username

và Password sau đó chọn đăng nhập

 Nếu sai Username hoặc Password thì đăng nhập thất bại ,có thể nhập lại Username/Password hoặc kết thúc đăng nhập

 Nếu đúng thì đăng nhập thành công và kết thúc đăng nhập

Định dạng
Số trang	41
Dung lượng	5,05 MB