Xây dựng website phụ kiện bóng đá bằng mã nguồn mở joomla

Đề tài sẽ là một ví dụ minh họa thu nhỏ về “Ứng dụng Thương mại điện tử” nói chung và “phụ kiện bóng đá” nói riêng, giúp doanh nghiệp có một cái nhìn tổng quan về Thương mại điện tử cũng như lợi ích mà Website Thương mại điện tử mang lại. Thông qua Website sẽ tối ưu chi phí, nâng cao năng lực cạnh tranh cho các doanh nghiệp trong thời kỳ hội nhập. Do kiến thức thực tế và hiểu biết còn hạn chế, em mong sự góp ý của Thầy Cô và các bạn để em có thể có cách nhìn sâu sắc hơn, thực tế hơn, giúp cho em tiếp nhận kiến thức của chuyên ngành mình thuận lợi và áp dụng tốt công việc sau này.

LỜI MỞ ĐẦU

-Thể thao là hoạt động không thể thiếu của con người, không chỉ để giải trí hayrèn luyện sức khỏe mà nó còn mang nhiều ý nghĩa khác Chính vì vậy mà phong tràotập thể dục thể thao đang lan tỏa rầm rộ khắp nơi trên thế giới Cũng từ đây mà nhucầu về đồ dùng phục vụ cho các hoạt động thể thao tăng lên nhanh chóng, tạo điềukiện thuận lợi cho những ai muốn kinh doanh mặt hàng này

-Nắm bắt được điều đó, Em đã tổng hợp và ghi lại những kinh nghiệm vốn có đểkinh doanh qua mạng với website “phukienbongda.com”

Đây là chương trình hỗ trợ cho việc mua bán phụ kiện bóng đá qua mạng nhằm

mở rộng phạm vi kinh doanh của cửa hàng, chương trình cho phép:

- Khách hàng tìm kiếm thông tin, đặt mua các loại linh kiện điện tử có trênwebsite

- Tra cứu, cập nhật thông tin hàng hóa

- Tra cứu nhanh về thông tin khách hàng

- Tra cứu những thông tin liên quan đến việc mua bán trên mạng nhằm giảmthiểu thời gian tìm kiếm

- Đồng thời cho phép người quản trị thay đổi, cung cấp thông tin nhanh chóngđến người dùng

Em đã phân tích và xây dựng website bằng công cụ mã nguồn mở joomla 1.5 kếthợp với phần mềm Dreamweaver, Photoshop , Flash và cơ sở dữ liệu SQL, đồ án của

Do kiến thức thực tế và hiểu biết còn hạn chế, em mong sự góp ý của Thầy Cô vàcác bạn để em có thể có cách nhìn sâu sắc hơn, thực tế hơn, giúp cho em tiếp nhậnkiến thức của chuyên ngành mình thuận lợi và áp dụng tốt công việc sau này

Em xin chân thành cảm ơn đến giảng viên Nguyễn Thu Hương đã hướng dẫn em hoànthành đồ án này.

Em cũng xin chân thành cảm ơn các Thầy Cô trong Khoa Thương mại điện tửtrường CĐ CNTT Hữu nghị Việt-Hàn đã tận tình giảng dạy, truyền đạt cho em nhữngkiến thức, kinh nghiệm quý báu trong suốt thời gian qua

Xin trân trọng cảm ơn!

MỤC LỤC

LỜI MỞ ĐẦU 1

MỤC LỤC 2

DANH MỤC HÌNH ẢNH 2

PHẦN I : TÌM HIỂU VỀ JOOMLA 2

1.1 G IỚI THIỆU VỀ J OOMLA 2

1.2 K IẾN TRÚC J OOMLA 2

1.3 C ÁC CHỨC NĂNG CHÍNH CỦA J OOMLA 2

1.3.1 Quản lý thành viên (User Manager) 2

1.3.2 Quản lý phương tiện 2

1.3.3 Quản lý ngôn ngữ (Language Manager) 2

1.3.4 Quản trị nội dung 2

1.3.5 Quản lý menu (Menu Manager) 2

1.3.6 Quản lý cấu hình chung(Global Configuration) 2

1.3.7 Quản lý Component 2

1.3.8 Quản lý Module(Module Manager) 2

1.3.9 Quản lý giao diện (Template Manager) 2

1.3.10 Quản lý Plugin (Plugin Manager) 2

1.4 V IRTUE M ART 2

1.5 C ÁC THÀNH PHẦN CỦA V IRTUE M ART 2

1.6 C ÁC TÍNH NĂNG CƠ BẢN CỦA V IRTUE M ART 2

1.6.1 Các tính năng chung 2

1.6.2 Tính năng dành cho người quản trị website 2

PHẦN 2: XÂY DỰNG WEBSITE LINH KIỆN ĐIỆN TỬ BẰNG MÃ NGUỒN MỞ JOOMLA(VIRTUREMART) 2

2.1 C ÀI ĐẶT V IRTUE M ART 2

2.2 V IỆT HÓA V IRTUE M ART 2

2.3 G IỚI THIỆU VỀ WEBSITE VÀ CHỨC NĂNG DÀNH CHO NGƯỜI SỬ DỤNG 2

2.3.1 Trang chủ 2

2.3.2 Nike 2

2.3.3 Adidas 2

2.3.4 Puma 2

2.3.5 Áo bóng đá 2

2.3.6 Tất bóng đá 2

2.3.7 Ba lô 2

2.3.8 Bóng 2

2.4 Q UY TRÌNH MUA HÀNG 2

2.5 G IAO DIỆN QUẢN TRỊ 2

2.5.1 Đăng nhập 2

2.5.2 giao diện chính 2

PHẦN III: KẾT LUẬN VÀ PHÁT TRIỂN 2

1 K ẾT LUẬN CHUNG VỀ ĐỀ TÀI 2

1.1 Ưu điểm 2

1.2 Khuyết điểm 2

2.H ƯỚNG PHÁT TRIỂN 2

TÀI LIỆU THAM KHẢO 2

Ý KIẾN ĐÁNH GIÁ CỦA GIÁO VIÊN 2

DANH MỤC HÌNH ẢNH

Hình 1.1 Kiến trúc joomla 2

Hình 1.2 Quản trị thành viên 2

Hình 1.3 Quản lý phương tiện 2

Hình 1.4 Quản lý ngôn ngữ 2

Hình 1.5 Quản lý Menu 2

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

Hình 1.7 Quản lý Component 2

Hình 1.8 Quản lý Module 2

Hình 1.9 Quản lý giao diện 2

Hình 1.10 Quản lý plugin 2

Hình 2.1: Đăng nhập 2

Hình 2.2: Cài đặt dữ liệu mẫu 2

Hình 2.3: Trang chủ 2

Hình 2.4: Hãng Nike 2

Hình 2.5: Hãng Adidas 2

Hình 2.6: Hãng Puma 2

Hình 2.7: Áo bóng đá 2

Hình 2.8: Tất 2

Hình 2.9: Ba lô 2

Hình 2.10 Bóng 2

Hình 2.11: thành viên 2

Hình 2.12: Nút mua hàng 2

Hình 2.13: Thủ tục thanh toán 2

Hình 2.14: Sản phẩm đã được giảm giá (có mã thẻ ưu đãi ) 2

Hình 2.15: Cách thức thanh toán 2

Hình 2.16: Xác nhận mua hàng 2

Hình 2.17: đăng nhập quản trị 2

Hình 2.18: Giao diện chính 2

PHẦN I : TÌM HIỂU VỀ JOOMLA

1 Giới thiệu về 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ữ PHP và kết nối tới cơ sở dữ liệu MySQL, cho phép người sử dụng có thể dễ dàngxuất bản các nội dung của họ lên Internet

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 phát âm theo tiếng Swahili như là jumla nghĩa là “đồng tâm hiệp

lực”

Joomla! được sử dụng ở khắp mọi nơi trên thế giới, từ những website cá nhâncho tới những hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiềudị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ậycao

Joomla! có mã nguồn mở do đó việc sử dụng Joomla! là hoàn toàn miễn phí chotất cả mọi người trên thế giới

Việc cài đặt Joomla! khá dễ dàng và nhanh chóng, thậm chí cả đối với những lậptrình viên nghiệp dư Joomla! có một cộng đồng người sử dụng và phát triển rất lớn vàtăng trưởng không ngừng Các thành viên và các lập trình viên rất nhiệt tình, sẵn sàng

tư vấn, giúp đỡ khi người sử dụng gặp khó khăn

Sau khi cài đặt Joomla! và chạy thử, người sử dụng có thể thêm, chỉnh sửa, cậpnhật nội dung, hình ảnh; và quản lý dữ liệu của tổ chức, công ty

Joomla! cung cấp giao diện web trực quan do vậy khá dễ dàng để thêm một nộidung mới hay một mục mới, quản lý các phòng ban, danh mục nghề nghiệp, ảnh cácsản phẩm… và tạo không giới hạn số phần, mục, chuyên mục cũng như các nội dungcủa Website

2 Kiến trúc Joomla

Joomla! 1.5 gồm có 3 tầng hệ thống Tầng dưới cùng là mức nền tảng, chứa cácthư 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 ứngdụ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

Hình 1.1 Kiến trúc joomla

3 Các chức năng chính của Joomla

1.3.1 Quản lý thành viên (User Manager)

Quản trị thành viên được chia làm 2 phần:

- Phân quyền nhóm người dùng truy cập Front-End

Thành viên

Tác giả (Author)

Người biên tập (Editor)

Người xuất bản (Publisher)

- Phân quyền nhóm người dùng truy cập Back-End

Người quản lý (Manager)

Người quản trị (Administrator)

Siêu quản trị (Super Administrator)

Hình 1.2 Quản trị thành viên

1.3.2 Quản lý phương tiện

Quản lý phương tiện là một công cụ cho phép bạn dễ dàng quản lý các tệp và thưmục lưu trữ hình ảnh, flash, video hay các kiểu tệp đa phương tiện khác mà bạnmuốn Trình quản lý này được tích hợp với công cụ soạn thảo bài viết bởi vậy bạn sẽ

dễ dàng chèn chúng vào bài viết bất cứ lúc nào bạn cần

Hình 1.3 Quản lý phương tiện

1.3.3 Quản lý ngôn ngữ (Language Manager)

Ngôn ngữ dùng trong joomla hiện nay rất phổ biến, có đa ngôn ngữ để thuận tiệncho mọi người trên khắp thế giới

Hình 1.4 Quản lý ngôn ngữ

1.3.4 Quản trị nội dung

Quản trị nội dung website mã nguồn mở tự do – Joomla CMS (Joomla Opensource Content Management System) là giải pháp nền tảng có khả năng đáp ứng mộtlớp nhu cầu rất lớn về phát triển những website ở nhiều lĩnh vực yêu cầu, cấp độ, quy

mô khác nhau, từ những website thông tin giản đơn quy mô nhỏ (ít tính năng, ít giaodịch & xử lý dữ liệu, ít lượng truy cập) tới những website nhiều chức năng, nhiều xử

lý & truy xuất dữ liệu phức tạp, khối lượng giao dịch xử lý lớn, khối lượng truy cậplớn, đòi hỏi cao về an toàn và toàn vẹn dữ liệu

1.3.5 Quản lý menu (Menu Manager)

Trong joomla, Menu là một bảng danh mục chứa các Menu Item, Menu Item lànhững mục Menu dùng để truy cập vào các chuyên mục của trang Web Mỗi Menu

được hiển thị trên trang Web thông qua Module của nó Joomla cho phép tạo ra nhiềuMenu và mỗi Menu có thể chứa nhiều Menu Iten giống hoặc khác nhau.

Hình 1.5 Quản lý Menu

1.3.6 Quản lý cấu hình chung(Global Configuration)

Là trung tâm cấu hình chính của Joomla, bao gồm 3 phần: Trang web (Site), Hệthống (System) và Máy chủ (Server) Những thay đổi thực hiện tại đây sẽ được cậpnhật vào file configuration.php

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

1.3.7 Quản lý Component

Componet vừa quản lý nội dung trong back-end và thể hiện nội dung front-endqua Module, một trang web bao nhiêu component cũng được vì chúng chỉ thể hiệnngoài index thông qua Module

Hình 1.7 Quản lý Component

1.3.8 Quản lý Module(Module Manager)

Là thành phần mở rộng thêm chức năng cho trang web, các Module này có chứcnăng khác nhau, được hiển thị trên trang web tại các vị trí quy định 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 trang web trong phần quản lý của joomla

Hình 1.8 Quản lý Module

1.3.9 Quản lý giao diện (Template Manager)

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ộidung của trang web và có các vị trí định sẵn để tích hợp các Module của trang web haycho từng trang web khác nhau một cách dễ dàng

Tất cả các thành phần mở rộng đều được cài đặt thêm hoặc gỡ bỏ thông qua cáctrình đơn cài đặt/Gỡ bỏ trong phần quản lý của joomla

Hình 1.9 Quản lý giao diện

1.3.10 Quản lý Plugin (Plugin Manager)

Danh sách các loại plugin của Joomla!

 authentication: Các plugin chứng thực quyền hạn

 content: Các plugin nội dung (bài viết)

 editors: Các plugin về trình soạn thảo

 editors-xtd: Các plugin hỗ trợ, mở rộng tính năng cho trình soạn thảo

 search: Các plugin về tìm kiếm

 system: Các plugin của hệ thống

 user: Các plugin về người dùng

Hình 1.10 Quản lý plugin

4 VirtueMart

VirtueMart là một ứng dụng cửa hàng trực tuyến được xây dựng trên nền PHP

Nó là một thành phần (component) cho hệ quản trị thông tin Joomla và không thể sử

dụng nếu không có Joomla.Ứng dụng này được xây dựng dành cho các doanh nghiệpbán hàng trực tuyến vừa và nhỏ Vì vậy đây là một giải pháp đơn giản và dễ dàng chonhững ai muốn xây dựng một cửa hàng Online.

5 Các thành phần của VirtueMart

Một gói VirtueMart bao gồm:

- 1 Component (com_virtuemart_1.1.x.zip): là thành phần chính của virtuemart

- 1 Module chính của virtuemart (mod_virtuemart_1.1.x.zip)

Các Module của VirtueMart

 mod_virtuemart: Hiển thị danh mục sản phẩm và các chức năng khác củaVirtueMart

 mod_virtuemart_cart: Hiển thị trạng thái của giỏ hàng

 mod_product_categories: Hiển thị các danh mục sản phẩm

 mod_productscroller: Hiển thị các sản phẩm bằng hiệu ứng cuộn (các sản phẩmlần lượt chạy lên hoặc ngang)

 mod_product_currencies: Hiển thị công cụ thay đổi đơn vị tiền tệ

 mod_virtuemart_featuredprod: Hiển thị các sản phẩm nổi bật, đặc biệt Các sảnphẩm muốn hiển thị trong Module này phải được đánh dấu Nổi bật, Đặc biệt (OnSpecial)

 mod_virtuemart_latestprod: Hiển thị sản phẩm mới nhất

 mod_virtuemart_login: Hiển thị khung đăng ký hoặc đăng nhập cho kháchhàng

 mod_virtuemart_manufacturers: Hiển thị danh sách các nhà cung cấp/nhà sảnxuất cho khách hàng chọn lựa

 mod_virtuemart_randomprod: Hiển thị các sản phẩm ngẫu nhiên

 mod_virtuemart_search: Công cụ hỗ trợ khách hàng tìm kiếm sản phẩm

 mod_virtuemart_topten: Hiển thị các sản phẩm bán chạy nhất

6 Các tính năng cơ bản của VirtueMart

1.6.1 Các tính năng chung

- Có thể sử dụng bảo mật

- Cơ chế tính thuế linh hoạt

- Người mua (shopper) có thể quản lý tài khoản người dùng của họ

- Quản lý địa chỉ gửi hàng (shipping address management) (khách hàng có thểđiền địa chỉ nhận hàng của họ)

- Thống kê đơn hàng (order history): Người mua có thể xem lại mọi đơn hàngtrước đó của họ

- Xác nhận đơn hàng qua mail (order confirmation mail) được gửi tới người mua

và người chủ cửa hàng (store owner)

- Có thể sử dụng nhiều đơn vị tiền tệ (currencies)

- Có thể sử dụng nhiều ngôn ngữ (dùng kết hợp với component Joom!Fish)

Tính năng nổi bật

- Giao diện quản trị nền web mạnh

- Quản lý không giới hạn số lượng sản phẩm (Products) và ngành hàng(categories)

- Có thể sử dụng như cửa hàng trực tuyến hoặc online-catalog (bằng cách tắt chế

độ hiển thị giá)

- Tìm kiếm nhanh sản phẩm, ngành hàng và nhà sản xuất; lọc kết quả theo đặctính sản phẩm hoặc lọc ra các sản phẩm đang giảm giá

- Nhận xét đánh giá về sản phẩm (tự động hoặc có kiểm soát)

- Nêu bật các sản phẩm cụ thể bằng cách đặt chế độ “on special”

- Tính năng Product Availability (mức độ sẵn sàng của sản phẩm) cho biết độnhanh chóng mà khách hàng có thể mong chờ sẽ nhận được hàng

- Có thể sử dụng để kinh doanh các sản phẩm số (sản phẩm có thể download)

- Thông báo với khách hàng về trạng thái của mặt hàng

1.6.2 Tính năng dành cho người quản trị website

- Sử dụng nhiều hình ảnh và tệp tin (bảng thông số kỹ thuật, tờ bướm) cho mộtsản phẩm

- Thuộc tính của sản phẩm (Product Attribute) có thể thêm vào sản phẩm

- Phân loại sản phẩm theo chủng loại

- Tạo nhóm khách hàng (cho phép đưa ra mức giá và tùy chọn thanh toán khácnhau)

- Nhiều mức giá cho một sản phẩm (dựa trên số lượng hoặc/và nhóm kháchhàng)

- Hiển thị giá linh hoạt (dưới dạng số và chữ, bao gồm hoặc không bao gồm thuế)

- Quy đổi tự động giữa các đơn vị tiền tệ

- Thông kế cửa hàng

- Kiểm soát mức dự trữ kho của sản phẩm

- Quản lý trạng thái đơn hàng

PHẦN 2: XÂY DỰNG WEBSITE LINH KIỆN ĐIỆN TỬ BẰNG

MÃ NGUỒN MỞ JOOMLA(VIRTUREMART)

2.1 Cài đặt VirtueMart

Sau khi tạo xong một dự án web, ta tiến hành cài đặt gói VirtueMart để thuận tiện

cho việc thiết lập một trang bán hàng trực tuyến đầy đủ chức năng nhất

Bước 1: Tiến hành đăng nhập vào dự án web bằng cách gõ địa chỉ

http://localhost/oppo/administrator trên thanh địa chỉ của trình duyệt web Xuất hiệnhộp thoại, chúng ta tiến hành điền tên đăng nhập và mật khẩu đã được tạo của dự ánweb ở trên

Hình 2.1: Đăng nhập

Bước 2: Cài đặt gói VirtueMart cho dự án web: Sau khi đã đăng nhập vào

Back-end, chúng ta vào mục Extensions/ Install/uninstall Tại đây kích vào nút Browse để chọn gói cài đặt VirtueMart cần cài đặt (ở đây dùng gói Com_virtuemart_1.1.9.j15), sau đó kích vào nút Upload file & Install để tiến hành cài đặt.

Hình 2.2: Cài đặt dữ liệu mẫu

Bước 3: Cài đặt dữ liệu mẫu cho gói VirtueMart: sau khi cài đặt xong, sẽ xuất

hiện một hộp thoại, chúng ta sẽ kích vào nút Install SAMPLE DATA để cài đặt dữ liệu mẫu Sau khi cài đặt xong sẽ xuất hiện VirtueMart trong mục Compenents của dự

án web

2.2 Việt hóa VirtueMart

Bước 1: Download hoặc copy gói ngôn ngữ dành cho Virtuemart 1.1.9 về máy.Bước 2: Giải nén gói ngôn ngữ được trên được file langueges copy file này vàothư mục C:\xampp\htdocs\shop\administrator\components\com_virtuemart

- Chú ý: Xóa thư mục languages cũ và copy, copy đè lên thư mục languages cũ

2.3 Giới thiệu về website và chức năng dành cho người sử dụng

2.3.1 Trang chủ

Nơi tập hợp đầy đủ những linh kiện điện tử mới nhất, đang khuyến mãi cũng nhưđang hót nhất hiện nay

Hình 2.3: Trang chủ

2.3.2 Nike

Nơi bán phụ kiện bóng đá

2.3.6 Tất bóng đá

Hình 2.8: Tất

2.3.7 Ba lô

Hình 2.9: Ba lô