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.

Đồ án mơn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla LỜI MỞ ĐẦU -Thể thao hoạt động thiếu người, khơng để giải trí hay rèn luyện sức khỏe mà cịn mang nhiều ý nghĩa khác Chính mà phong trào tập thể dục thể thao lan tỏa rầm rộ khắp nơi giới Cũng từ mà nhu cầu đồ dùng phục vụ cho hoạt động thể thao tăng lên nhanh chóng, tạo điều kiện thuận lợi cho muốn kinh doanh mặt hàng -Nắm bắt điều đó, Em tổng hợp ghi lại kinh nghiệm vốn có để kinh doanh qua mạng với website “phukienbongda.com” Đây 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 hàng, chương trình cho phép: - Khách hàng tìm kiếm thơng tin, đặt mua loại linh kiện điện tử có website - Tra cứu, cập nhật thơng tin hàng hóa - Tra cứu nhanh thông tin khách hàng - Tra cứu thông tin liên quan đến việc mua bán mạng nhằm giảm thiể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 xây dựng website công cụ mã nguồn mở joomla 1.5 kết hợp với phần mềm Dreamweaver, Photoshop , Flash sở liệu SQL, đồ án em gồm phần : I Tìm hiểu joomla II Xây dựng website phụ kiện bóng đá mã nguồn mở joomla(virturemart) III Kết luận phát triển Đề tài ví dụ minh họa thu nhỏ “Ứng dụng Thương mại điện tử” nói chung “phụ kiện bóng đá” nói riêng, giúp doanh nghiệp có nhìn tổng quan Thương mại điện tử lợi ích mà Website Thương mại điện tử mang lại Thơng qua Website tối ưu chi phí, nâng cao lực cạnh tranh cho doanh nghiệp thời kỳ hội nhập Do kiến thức thực tế hiểu biết cịn hạn chế, em mong góp ý Thầy Cơ bạn để em 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 chuyên ngành thuận lợi áp dụng tốt công việc sau SVTH: Trần Văn Đức Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 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àn thành đồ án Em xin chân thành cảm ơn Thầy Cô 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 kiến thức, kinh nghiệm quý báu suốt thời gian qua Xin trân trọng cảm ơn! SVTH: Trần Văn Đức Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla MỤC LỤC LỜI MỞ ĐẦU MỤC LỤC DANH MỤC HÌNH ẢNH PHẦN I : TÌM HIỂU VỀ JOOMLA 1GIỚI THIỆU VỀ JOOMLA 2KIẾN TRÚC JOOMLA 3CÁC CHỨC NĂNG CHÍNH CỦA JOOMLA 1.3.1 Quản lý thành viên (User Manager) 1.3.2 Quản lý phương tiện 1.3.3 Quản lý ngôn ngữ (Language Manager) 1.3.4 Quản trị nội dung 1.3.5 Quản lý menu (Menu Manager) 1.3.6 Quản lý cấu hình chung(Global Configuration) .8 1.3.7 Quản lý Component 1.3.8 Quản lý Module(Module Manager) 1.3.9 Quản lý giao diện (Template Manager) 1.3.10 Quản lý Plugin (Plugin Manager) 10 4VIRTUEMART 10 5CÁC THÀNH PHẦN CỦA VIRTUEMART 11 6CÁC TÍNH NĂNG CƠ BẢN CỦA VIRTUEMART 11 1.6.1 Các tính chung 11 1.6.2 Tính dành cho người quản trị website .12 PHẦN 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 Nike 16 2.3.3 Adidas 17 2.3.4 Puma 18 2.3.5 Áo bóng đá 18 2.3.6 Tất bóng đá 19 2.3.7 Ba lô 19 2.3.8 Bóng 20 2.4 QUY TRÌNH MUA HÀNG 20 2.5 GIAO DIỆN QUẢN TRỊ 23 2.5.1 Đăng nhập 23 2.5.2 giao diện 23 PHẦN III: KẾT LUẬN VÀ PHÁT TRIỂN 24 A.KẾT LUẬN CHUNG VỀ ĐỀ TÀI 24 1.1 Ưu điểm 24 1.2 Khuyết điểm 24 2.HƯỚNG PHÁT TRIỂN 24 TÀI LIỆU THAM KHẢO 25 Ý KIẾN ĐÁNH GIÁ CỦA GIÁO VIÊN 26 SVTH: Trần Văn Đức Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla DANH MỤC HÌNH ẢNH HÌNH 1.1 KIẾN TRÚC JOOMLA HÌNH 1.2 QUẢN TRỊ THÀNH VIÊN HÌNH 1.3 QUẢN LÝ PHƯƠNG TIỆN HÌNH 1.4 QUẢN LÝ NGƠN NGỮ HÌNH 1.5 QUẢN LÝ MENU HÌNH 1.6 QUẢN LÝ CẤU HÌNH CHUNG HÌNH 1.7 QUẢN LÝ COMPONENT HÌNH 1.8 QUẢN LÝ MODULE HÌNH 1.9 QUẢN LÝ GIAO DIỆN 10 HÌNH 1.10 QUẢN LÝ PLUGIN 10 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Ủ 16 HÌNH 2.4: HÃNG NIKE 17 HÌNH 2.5: HÃNG ADIDAS 17 HÌNH 2.6: HÃNG PUMA 18 HÌNH 2.7: ÁO BÓNG ĐÁ 18 HÌNH 2.8: TẤT 19 HÌNH 2.9: BA LÔ 19 HÌNH 2.10 BĨNG 20 HÌNH 2.11: THÀNH VIÊN 20 HÌNH 2.12: NÚT MUA HÀNG 20 HÌNH 2.13: THỦ TỤC THANH TỐN 21 HÌNH 2.14: SẢN PHẨM ĐÃ ĐƯỢC GIẢM GIÁ (CÓ MÃ THẺ ƯU ĐÃI ) 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Ị 23 HÌNH 2.18: GIAO DIỆN CHÍNH 23 SVTH: Trần Văn Đức Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla PHẦN I : TÌM HIỂU VỀ JOOMLA Giới thiệu Joomla Joomla! hệ quản trị nội dung mã nguồn mở Joomla! viết ngôn ngữ PHP kết nối tới sở liệu MySQL, cho phép người sử dụng dễ dàng xuất nội dung họ lên Internet Joomla! có đặc tính là: đệm trang (page caching) để tăng tốc độ hiển thị, lập mục, đọc tin RSS (RSS feeds), trang dùng để in, tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm site hỗ trợ đa ngôn ngữ Joomla! phát âm theo tiếng Swahili jumla nghĩa “đồng tâm hiệp lực” Joomla! sử dụng khắp nơi giới, từ website cá nhân hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ ứng dụng Joomla! dễ dàng cài đặt, dễ dàng quản lý có độ tin cậy cao Joomla! có mã nguồn mở việc sử dụng Joomla! hồn tồn miễn phí cho tất người giới Việc cài đặt Joomla! dễ dàng nhanh chóng, chí lập trình viên nghiệp dư Joomla! có cộng đồng người sử dụng phát triển lớn tăng trưởng không ngừng Các thành viên lập trình viên nhiệt tình, sẵn sàng tư vấn, giúp đỡ người sử dụng gặp khó khăn Sau cài đặt Joomla! chạy thử, người sử dụng thêm, chỉnh sửa, cập nhật nội dung, hình ảnh; quản lý liệu tổ chức, công ty Joomla! cung cấp giao diện web trực quan dễ dàng để thêm nội dung hay mục mới, quản lý phòng ban, danh mục nghề nghiệp, ảnh sản phẩm… tạo không giới hạn số phần, mục, chuyên mục nội dung Website Kiến trúc Joomla Joomla! 1.5 gồm có tầng hệ thống Tầng mức tảng, chứa thư viện plugin (còn biết với tên gọi mambot) Tầng thứ hai mức ứng dụng chứa lớp JApplication Hiện tầng gồm lớp con: JInstallation, JAdministrator JSite Tầng thứ ba mức mở rộng Tại tầng có thành phần (component), mơ đun (module) giao diện (template) thực thi thể SVTH: Trần Văn Đức Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Hình 1.1 Kiến trúc joomla Các chức Joomla 1.3.1 Quản lý thành viên (User Manager) Quản trị thành viên chia làm 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 (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 công cụ cho phép bạn dễ dàng quản lý tệp thư mục lưu trữ hình ảnh, flash, video hay kiểu tệp đa phương tiện khác mà bạn muốn Trình quản lý tích hợp với công cụ soạn thảo viết bạn dễ dàng chèn chúng vào viết lúc bạn cần SVTH: Trần Văn Đức Đồ án mơn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 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 joomla phổ biến, có đa ngôn ngữ để thuận tiện cho người khắp 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ự – Joomla CMS (Joomla Open source Content Management System) giải pháp tảng có khả đáp ứng lớp nhu cầu lớn phát triển website nhiều lĩnh vực yêu cầu, cấp độ, quy mô khác nhau, từ website thông tin giản đơn quy mơ nhỏ (ít tính năng, giao dịch & xử lý liệu, lượng truy cập) tới website nhiều chức năng, nhiều xử lý & truy xuất liệu phức tạp, khối lượng giao dịch xử lý lớn, khối lượng truy cập lớn, đòi hỏi cao an toàn toàn vẹn liệu 1.3.5 Quản lý menu (Menu Manager) Trong joomla, Menu bảng danh mục chứa Menu Item, Menu Item mục Menu dùng để truy cập vào chuyên mục trang Web Mỗi Menu SVTH: Trần Văn Đức Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla hiển thị trang Web thơng qua Module Joomla cho phép tạo nhiều Menu Menu chứa nhiều Menu Iten giống khác 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 Joomla, bao gồm phần: Trang web (Site), Hệ thống (System) Máy chủ (Server) Những thay đổi thực cập nhậ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 back-end thể nội dung front-end qua Module, trang web component chúng thể ngồi index thông qua Module SVTH: Trần Văn Đức Đồ án mơn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 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 cho trang web, Module có chức khác nhau, hiển thị trang web vị trí quy định thay đổi Một trang web hiển thị nhiều Module giống khác Module cải đặt thêm vào trang web phần quản lý 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 thiết kế để trình bày nội dung trang web có vị trí định sẵn để tích hợp Module trang web hay cho trang web khác cách dễ dàng Tất thành phần mở rộng cài đặt thêm gỡ bỏ thơng qua trình đơn cài đặt/Gỡ bỏ phần quản lý joomla SVTH: Trần Văn Đức Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Hình 1.9 Quản lý giao diện 1.3.10 Quản lý Plugin (Plugin Manager) Danh sách loại plugin 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 trình soạn thảo • editors-xtd: Các plugin hỗ trợ, mở rộng tính cho trình soạn thảo • search: Các plugin tìm kiếm • system: Các plugin hệ thống • user: Các plugin người dùng Hình 1.10 Quản lý plugin VirtueMart VirtueMart ứng dụng cửa hàng trực tuyến xây dựng PHP Nó thành phần (component) cho hệ quản trị thông tin Joomla sử SVTH: Trần Văn Đức 10 Đồ án mơn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla - Nhiều mức giá cho sản phẩm (dựa số lượng hoặc/và nhóm khách hàng) - Hiển thị giá linh hoạt (dưới dạng số chữ, bao gồm không bao gồm thuế) - Quy đổi tự động đơn vị tiền tệ - Thơng kế cửa hàng - Kiểm sốt mức dự trữ kho sản phẩm - Quản lý trạng thái đơn hàng SVTH: Trần Văn Đức 13 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 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 tạo xong 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 trang bán hàng trực tuyến đầy đủ chức Bước 1: Tiến hành đăng nhập vào dự án web cách gõ địa http://localhost/oppo/administrator địa trình duyệt web Xuất hộp thoại, tiến hành điền tên đăng nhập mật tạo dự án web Hình 2.1: Đăng nhập Bước 2: Cài đặt gói VirtueMart cho dự án web: Sau đăng nhập vào Backend, vào mục Extensions/ Install/uninstall Tại kích vào nút Browse để chọn gói cài đặt VirtueMart cần cài đặt (ở 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 liệu mẫu SVTH: Trần Văn Đức 14 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Bước 3: Cài đặt liệu mẫu cho gói VirtueMart: sau cài đặt xong, xuất hộp thoại, kích vào nút Install SAMPLE DATA để cài đặt liệu mẫu Sau cài đặt xong xuất VirtueMart mục Compenents dự án web 2.2 Việt hóa VirtueMart Bước 1: Download copy gói ngơn ngữ dành cho Virtuemart 1.1.9 máy Bước 2: Giải nén gói ngơn ngữ file langueges copy file vào thư mục C:\xampp\htdocs\shop\administrator\components\com_virtuemart - Chú ý: Xóa thư mục languages cũ copy, copy đè lên thư mục languages cũ 2.3 Giới thiệu website chức dành cho người sử dụng 2.3.1 Trang chủ Nơi tập hợp đầy đủ linh kiện điện tử nhất, khuyến hót SVTH: Trần Văn Đức 15 Đồ án mơn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Hình 2.3: Trang chủ 2.3.2 Nike Nơi bán phụ kiện bóng đá SVTH: Trần Văn Đức 16 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Hình 2.4: Hãng Nike Đậy hãng thể thao ưu tiên 2.3.3 Adidas Hình 2.5: Hãng Adidas Đây hãng thể thao k xa lạ với khách hàng SVTH: Trần Văn Đức 17 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 2.3.4 Puma Đây hãng thể thao tiếng cạnh trạn mạnh mẽ với hãng khác Hình 2.6: Hãng Puma 2.3.5 Áo bóng đá Đây sản phẩm cần thiết Hình 2.7: Áo bóng đá SVTH: Trần Văn Đức 18 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 2.3.6 Tất bóng đá Hình 2.8: Tất 2.3.7 Ba lơ Hình 2.9: Ba lơ SVTH: Trần Văn Đức 19 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 2.3.8 Bóng Hình 2.10 Bóng 2.4 Quy trình mua hàng Bước 1: Thực đăng nhập thành viên - Đăng nhập thành viên Hình 2.11: thành viên - Click vào Thêm vào giỏ Hình 2.12: Nút mua hàng SVTH: Trần Văn Đức 20 Đồ án mơn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Bước 2: lựa chọn - Tiếp tục mua hàng: quay bước - Thanh toán tiền: cần đăng nhập tài khoản( đăng nhập thơi) Hình 2.13: Thủ tục toán Bước 3: Nhập mã phiếu mua hàng để giảm giá để giảm giá (nếu có) Hình 2.14: Sản phẩm giảm giá (có mã thẻ ưu đãi ) Bước 4: Xác nhận tốn Hình 2.15: Cách thức tốn Kích vào nút tốn tiền bên SVTH: Trần Văn Đức 21 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Bước 5: Nhập thông tin khách hàng cần mua Hình 2.16: Xác nhận mua hàng SVTH: Trần Văn Đức 22 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 2.5 Giao diện quản trị 2.5.1 Đăng nhập Hình 2.17: đăng nhập quản trị 2.5.2 giao diện Hình 2.18: Giao diện SVTH: Trần Văn Đức 23 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla PHẦN III: KẾT LUẬN VÀ PHÁT TRIỂN a Kết luận chung đề tài 1.1 Ưu điểm - Đáp ứng yêu cầu đặt đề tài nội dung, chức bố cục - Qua Website, doanh nghiệp tiếp cận với lượng lớn khách hàng (dù khách hàng xa), giúp giảm chi phí cho doanh nghiệp - Website trình bày giúp người dùng khách hàng dễ dàng nắm bắt thông tin mang hiệu truyền tải cao - Bố cục, phân mục rõ ràng; màu sắc phù hợp 1.2 Khuyết điểm - Còn tồn vài lỗi bày trí website 2.Hướng phát triển - Xây dựng thêm nhiều tiêu chí tìm kiếm - Thêm chức hỗ trợ ngôn ngữ - Xây dựng giao diện đẹp với 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 cho phép khách hàng cập nhật thông tin tốt SVTH: Trần Văn Đức 24 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla TÀI LIỆU THAM KHẢO [1] Google.com [2] Giáo trình joomla [3] Joomla.org [4] Joomlart.com [5] Virtuemart.net [6] 24h.com [7] Thethao.com [8] Shopbongda.com SVTH: Trần Văn Đức 25 Đồ án mơn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Ý KIẾN ĐÁNH GIÁ CỦA GIÁO VIÊN SVTH: Trần Văn Đức 26 ... hàng SVTH: Trần Văn Đức 13 Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla 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... Trần Văn Đức Đồ án môn học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla PHẦN I : TÌM HIỂU VỀ JOOMLA Giới thiệu Joomla Joomla! hệ quản trị nội dung mã nguồn mở Joomla! viết ngôn ngữ PHP... học Xây dựng website phụ kiện bóng đá mã nguồn mở Joomla Bước 5: Nhập thơng tin khách hàng cần mua Hình 2.16: Xác nhận mua hàng SVTH: Trần Văn Đức 22 Đồ án mơn học Xây dựng website phụ kiện bóng