Cuộc sống ngày càng phát triển thì nhu cầu con người cũng trở nên đa dạng và phong phú hơn. Chúng ta không chỉ ăn ngon mặc ấm mà còn sử dụng đồ điện tử trong cuộc sống hằng ngày. Linh kiện điện tử là trang web không thể thiếu trong xu hướng hiện đại ngày nay.Có website linh kiện điện tử thì việc sửa chữa, nâng cấp hay thậm chí tự tạo ra một sản phẩm điện tử là điều không khó. Điều đó làm cho con người trở nên mạnh dạn, tạo cho mình có khối lượng thông tin về điện tử và khả năng sáng tạo tốt hơn. Xuất phát từ những nhu cầu đó, em quyết định chọn đề tài “Xây dựng website bán đồ linh kiện điện tử” nhằm giúp khách hàng hiểu rõ hơn về linh kiện điện tử.
Trang 1MỤC LỤC
MỤC LỤC 1
DANH MỤC HÌNH ẢNH 3
LỜI MỞ ĐẦU 4
PHẦN I : TÌM HIỂU VỀ JOOMLA 6
1Giới thiệu về Joomla 6
2Kiến trúc Joomla 6
3Các chức năng chính của Joomla 7
1.3.1 Quản lý thành viên (User Manager) 7
1.3.2 Quản lý phương tiện 7
1.3.3 Quản lý ngôn ngữ (Language Manager) 8
1.3.4 Quản trị nội dung 8
1.3.5 Quản lý menu (Menu Manager) 8
1.3.6 Quản lý cấu hình chung(Global Configuration) 9
1.3.7 Quản lý Component 9
1.3.8 Quản lý Module(Module Manager) 10
1.3.9 Quản lý giao diện (Template Manager) 10
1.3.10 Quản lý Plugin (Plugin Manager) 10
4VirtueMart 11
5Các thành phần của VirtueMart 11
6Các tính năng cơ bản của VirtueMart 12
1.6.1 Các tính năng chung 12
1.6.2 Tính năng dành cho người quản trị website 13
CHƯƠNG 2: XÂY DỰNG WEBSITE LINH KIỆN ĐIỆN TỬ BẰNG MÃ NGUỒN MỞ JOOMLA(VIRTUREMART) 14
2.1 Cài đặt VirtueMart 14
2.2 Việt hóa VirtueMart 15
2.3 Giới thiệu về website và chức năng dành cho người sử dụng 15
2.3.1 Trang chủ 15
2.3.2 Laptop 16
2.3.3 CPU 16
2.3.4 Ram 17
2.3.5 USB 17
2.3.6 Sạc đa năng 17
2.3.7 Loa 18
2.3.8 Thẻ nhớ 19
Trang 22.4 Quy trình mua hàng 19
2.5 Giao diện quản trị 22
2.5.1 Đăng nhập 22
2.5.2 giao diện chính 22
PHẦN III: KẾT LUẬN VÀ PHÁT TRIỂN 23
a.Kết luận chung về đề tài 23
1.1 Ưu điểm 23
1.2 Khuyết điểm 23
2.Hướng phát triển 23
TÀI LIỆU THAM KHẢO 24
Ý KIẾN ĐÁNH GIÁ CỦA GIẢNG VIÊN 25
Trang 3DANH MỤC HÌNH ẢNH
Hình 1.1 Kiến trúc joomla 7
Hình 1.2 Quản trị thành viên 7
Hình 1.3 Quản lý phương tiện 8
Hình 1.4 Quản lý ngôn ngữ 8
Hình 1.5 Quản lý Menu 9
Hình 1.6 Quản lý cấu hình chung 9
Hình 1.7 Quản lý Component 10
Hình 1.8 Quản lý Module 10
Hình 1.10 Quản lý giao diện 10
Hình 1.11 Quản lý plugin 11
Hình 2.1: Đăng nhập 14
Hình 2.2: Cài đặt dữ liệu mẫu 14
Hình 2.3: Trang chủ 15
Hình 2.4: Laptop 16
Hình 2.5: CPU 17
Hình 2.6: Ram 17
Hình 2.7: USB 17
Hình 2.8: Sạc đa năng 18
Hình 2.9: Loa 18
Hình 2.10 Thẻ nhớ 19
Hình 2.11: thành viên 19
Hình 2.12: Addto cart 20
Hình 2.13: Thanh toán tiền 20
Hình 2.14: địa chỉ vận chuyển 21
Hình 2.15: Cách thức thanh toán 21
Hình 2.16: Xác nhận mua hàng 22
Hình 2.17: đăng nhập quản trị 22
hình 2.18: Giao diện chính 22
Trang 4LỜI MỞ ĐẦU
Cuộc sống ngày càng phát triển thì nhu cầu con người cũng trở nên đa dạng vàphong phú hơn Chúng ta không chỉ ăn ngon mặc ấm mà còn sử dụng đồ điện tử trongcuộc sống hằng ngày Linh kiện điện tử là trang web không thể thiếu trong xu hướnghiện đại ngày nay.Có website linh kiện điện tử thì việc sửa chữa, nâng cấp hay thậmchí tự tạo ra một sản phẩm điện tử là điều không khó Điều đó làm cho con người trởnên mạnh dạn, tạo cho mình có khối lượng thông tin về điện tử và khả năng sáng tạotốt hơn
Xuất phát từ những nhu cầu đó, em quyết định chọn đề tài “Xây dựng website
bán đồ linh kiện điện tử” nhằm giúp khách hàng hiểu rõ hơn về linh kiện điện tử.
Đây là chương trình hỗ trợ cho việc mua bán linh kiện điện tử 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à
Trang 5cá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!
Trang 6PHẦ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
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
Trang 7Hì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
Trang 8Hì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ều
Trang 9Menu 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
Trang 10Hì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.10 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!
Trang 11• 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.11 Quản lý plugin
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ủa VirtueMart
• 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
Trang 12• mod_productscroller: Hiển thị các sản phẩm bằng hiệu ứng cuộn (các sản phẩm lầ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ản phẩm muốn hiển thị trong Module này phải được đánh dấu Nổi bật, Đặc biệt (On Special)
• 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ách hàng
• mod_virtuemart_manufacturers: Hiển thị danh sách các nhà cung cấp/nhà sản xuấ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àng trướ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
Trang 13- 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 đặc tí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ột sả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ác nhau)
- 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ách hà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
Trang 14CHƯƠNG 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/tintuc/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
Trang 15Bướ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ủ
Trang 20Hình 2.12: Addto cart
Bước 2: lựa chọn
- Tiếp tục mua hàng: quay về bước 1
- Thanh toán tiền: cần đăng nhập tài khoản( nếu đã đăng nhập rồi thì thôi)
Hình 2.13: Thanh toán tiền
Bước 3: Địa chỉ vận chuyển
Trang 23PHẦN III: KẾT LUẬN VÀ PHÁT TRIỂN
a Kết luận chung về đề tài
- Xây dựng thêm nhiều tiêu chí tìm kiếm
- Thêm các chức năng hỗ trợ ngôn ngữ
- Xây dựng giao diện đẹp hơn với các công cụ điều hướng hợp lý, thân thiện với người sử dụng
- Xây dựng chức năng cho phép khách hàng cập nhật thông tin tốt hơn
Trang 24TÀI LIỆU THAM KHẢO
Trang 25Ý KIẾN ĐÁNH GIÁ CỦA GIẢNG VIÊN