ĐỒ ÁNTỐT NGHIỆP ĐẠI HỌCNGÀNH CÔNG NGHỆ THÔNG TINTHIẾT KẾ WEBSITE BÁN HÀNG TRỰC TUYẾN BẰNG JOOMLA

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN THIẾT KẾ WEBSITE BÁN HÀNG TRỰC TUYẾN BẰNG JOOMLA Sinh viên thực : Nghiêm Hoàng Việt Lớp CNTT – KS35 Giáo viên hướng dẫn: TS Trần Quang Đức HÀ NỘI 12-2015 PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Thông tin sinh viên Họ tên sinh viên: Nghiêm Hoàng Việt Điện thoại liên lạc : 0973.256.491 Email: scrappyandblue@gmail.com Lớp: KS35-CNTT Hệ đào tạo: Văn Đồ án tốt nghiệp thực tại: Hà Nội Thời gian làm ĐATN: Từ ngày 16/09/2015 đến 26/12/2015 Mục đích nội dung ĐATN Thiết kế website bán hàng trực tuyến Joomla Các nhiệm vụ cụ thể ĐATN - Tìm hiểu chương trình thiết kế website Joomla - Xây dựng sở liệu cho website bán hàng - Thiết kế chương trình giao diện cho website bán hàng Lời cam đoan sinh viên: Tơi – sinh viên Nghiêm Hồng Việt - cam kết ĐATN cơng trình nghiên cứu thân hướng dẫn TS Trần Quang Đức Các kết nêu ĐATN trung thực, khơng phải chép tồn văn cơng trình khác Hà Nội, ngày tháng năm Tác giả ĐATN Nghiêm Hoàng Việt Xác nhận giáo viên hướng dẫn mức độ hoàn thành ĐATN cho phép bảo vệ: Hà Nội, ngày tháng năm Giáo viên hướng dẫn TS Trần Quang Đức Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP Ngày nay, bùng nổ phát triển nhanh chóng ngành cơng nghệ thơng tin, đặc biệt Internet, có ảnh hưởng to lớn đến xã hội Việc áp dụng tin học vào xây dựng hệ thống quản lý doanh nghiệp, hỗ trợ nghiệp vụ doanh nghiệp ngày ứng dụng rộng rãi với lợi thế, ưu điểm rõ rệt Đó giúp cho việc quản lý nhanh chóng, hiệu quả, xác, tiết kiệm thời gian, cơng sức Mục đích đề tài xây dựng thiết kế web bán hàng trực tuyến chương trình thiết kế website Joomla Đồ án trình bày trình tìm hiểu nghiệp vụ, phân tích yêu cầu, thiết kế cài đặt website quản lý bán hàng trực tuyến Các nội dung đồ án bao gồm : - Tìm hiểu chương trình thiết kế website Joomla - Xây dựng sở liệu cho website bán hàng - Thiết kế chương trình giao diện cho website bán hàng Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang ABSTRACT OF THESIS Nowadays, the explosion and extremely rapid development of information and technology, especially the development of the Internet, has made a tremendous impact on society The application of information technology to build management system, supporting business operations for enterprise are widely used by the enormous advantage of it That is, it helps the management become fast, efficient, accurate, saving time and effort The purpose of this project is to build and design a commercial website supporting online sales, using Joomla This project presents the process of understanding the business, requirements analysis, design and installation of an online-sales website The main content of this project concludes : - Learn about Joomla website design program - Build up a database for online-sales website - Design programs and interfaces for online-sales website Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang LỜI MỞ ĐẦU Ngày nay, với phát triển mạnh mẽ công nghệ thông tin ứng dụng đời sống Máy tính điện tử khơng thứ phương tiện lạ lẫm người mà dần trở thành cơng cụ làm việc giải trí thơng dụng hữu ích chúng ta, khơng cơng sở mà cịn gia đình Trong kinh tế nay, với xu tồn cầu hố kinh tế giới, mặt đời sống xã hội ngày nâng cao, đặc biệt nhu cầu trao đổi hàng hoá người ngày tăng số lượng chất lượng.Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa Internet Thông qua sản phẩm công nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác đơn giản máy có nối mạng Internet ta có tận tay cần mà nhiều thời gian Ta cần vào trang dịch vụ thương mại điện tử, làm theo hướng dẫn click vào ta cần Các nhà dịch vụ mang đến tận nhà cho ta Để tiếp cận góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, em tìm hiểu, xây dựng cài đặt “Website bán hàng trực tuyến” với mặt hàng Thực phẩm đồ gia dụng Cùng với bảo tận tình thầy giáo TS Trần Quang Đức, em hoàn thành website này.Trong q trình phân tích thiết kế hệ thống, khơng thể tránh khỏi sai sót, em mong thầy đóng góp ý kiến để trang Web hoàn thiện Em xin chân thành cảm ơn! Sinh viên thực Nghiêm Hoàng Việt Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang MỤC LỤC PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP ABSTRACT OF THESIS LỜI MỞ ĐẦU DANH MỤC CÁC BẢNG DANH MỤC CÁC HÌNH 10 DANH MỤC CÁC THUẬT NGỮ VÀ CHỮ VIẾT TẮT 12 CHƯƠNG ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP .13 Lý chọn đề tài .13 Mục đích đề tài 13 Định hướng giải vấn đề 14 CHƯƠNG CƠ SỞ LÝ THUYẾT VÀ CÔNG CỤ SỬ DỤNG 17 Giới thiệu sơ lược Joomla 17 Vài nét lịch sử Joomla 17 Tại phải chọn Joomla? 18 Cài đặt cấu hình Joomla .18 a) Cài đặt cấu hình Webserver Xampp 20 b) Cài đặt cấu hình Joomla 21 c) Các thành phần Joomla 27 Giới thiệu sơ lược Component VirtueMart 37 a) Download VirtueMart 38 b) Cài đặt Component VirtueMart Joomla 3.4.x 39 c) Cài đặt thêm modules hỗ trợ VirtueMart 39 d) Cài đặt thêm Mambots hỗ trợ VirtueMart 40 Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang e) Tính chung 40 f) Tính cho người quản trị website .41 Cơ sở liệu MySQL .41 a) Giới thiệu MySQL 41 b) Làm quen với phpMyAdmin 42 c) Các kiểu liệu sở liệu MySQL 42 d) Tạo sở liệu MySQL với phpMyAdmin 45 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 48 Phân tích yêu cầu người dùng 48 a) Yêu cầu khách hàng 48 b) Yêu cầu người quản trị 48 c) Yêu cầu nhân viên .49 Thiết kế hệ thống .50 a) Xác định actor user case hệ thống 50 b) Biểu đồ phân cấp chức 51 c) Biểu đồ luồng liệu mức bối cảnh 52 d) Biểu đồ luồng liệu mức đỉnh 53 e) Biểu đồ usercase 54 f) Biểu đồ lớp lĩnh vực 88 Thiết kế sở liệu 89 a) Mô tả thực thể kết hợp .89 b) Sơ đồ quan hệ liệu 91 CHƯƠNG THIẾT KẾ GIAO DIỆN 92 Thiết kế giao diện trang chủ 92 Thiết kế giao diện danh mục sản phẩm 92 Thiết kế giao diện đăng ký tài khoản 93 Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang Thiết kế giao diện đăng nhập 94 Thiết kế giao diện giỏ hàng .94 Thiết kế giao diện quản lý đơn hàng .96 Thiết kế giao diện quản lý sản phẩm .96 Thiết kế giao diện quản lý báo cáo doanh thu 97 KẾT LUẬN 98 TÀI LIỆU THAM KHẢO 99 Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang DANH MỤC CÁC BẢNG Bảng 2-1 Kiểu liệu số nguyên MySQL Bảng 2-2 Kiểu liệu số thực MySQL Bảng 2-3 Kiểu liệu ngày/tháng MySQL Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang DANH MỤC CÁC HÌNH Hình 2-1 Hiển thị gói Joomla Hình 2-2 Màn hình Xampp Hình 2-3 Cơng cụ quản lý Database Hình 2-4 Tạo Database Hình 2-5 Cấu hình Joomla Hình 2-6 Cấu hình sở liệu Joomla Hình 2-7 Tổng quan cài đặt Joomla Hình 2-8 Màn hình chờ cài đặt Joomla Hình 2-9 Màn hình cài đặt thành cơng Joomla Hình 2-10 Bài viết Getting Started Hình 2-11 Trang quản lý viết Hình 2-12 Trang quản lý chuyên mục Hình 2-13 Chức gắn thẻ viết Hình 2-14 Trang quản lý Media Hình 2-15 Danh mục website Hình 2-16 Trang quản lý thành viên Hình 2-17 Joomla Extensions Directory Hình 2-18 Danh mục Components phần back-end Hình 2-19 Những modules hiển thị front-end Hình 2-20 Danh mục quản lý Modules phần back-end Hình 2-21 Ví dụ thành phần Template Hình 2-22 Trang quản lý Templates Hình 2-23 Hai plugins“Voting” “Read more” front-end Hình 2-24 Trang quản lý Plugins Hình 2-25 Trang quản lý Languages Hình 2-26 Cơng thức trang thương mại điện tử Hình 2-27 Cài đặt VirtueMart Hình 2-28 Hồn thành cài đặt VirtueMart Hình 2-29 Giao diện chung cho phần quản lý VirtueMart Hình 2-30 Giao diện phpMyAdmin Hình 2-31 Thẻ SQL phpMyAdmin Hình 2-32 Nhập lệnh tạo sở liệu phpMyAdmin Hình 2-33 Hồn thành tạo sở liệu MySQL Hình 3-1 Biểu đồ phân cấp chức Hình 3-2 Biểu đồ luồng liệu mức bối cảnh Hình 3-3 Biểu đồ luồng liệu mức đỉnh Hình 3-4 Biểu đồ usercase Hình 3-5 Biểu đồ lớp tham gia ca sử dụng usercase đăng ký Sinh viên thực hiện: Nghiêm Hoàng Việt – Khóa KS35 – Lớp CNTT Trang 10 Hình 3-28 Biểu đồ trình tự usercase thống kê F Biểu đồ usercae tốn Hình 3-29 Biểu đồ usercase tốn  Usercase tốn Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 85  Đặc tả ca sử dụng  Mơ tả tóm tắt o Tên ca sử dụng: Thanh tốn o Mục đích: giúp nhân viên thu tiền toán khách hàng o Tóm lược: Nhân viên đăng nhập vào hệ thống, chọn mục tốn, chọn hóa đơn khách hàng tốn  Mô tả kịch o Tiền điều kiện: Người dùng đăng nhập vào hệ thống o Kịch chính:  Nhân viên đăng nhập vào hệ thống  Hệ thống kiểm tra tên đăng nhập mật  Hệ thống thông báo đăng nhập thành công(R1)  Nhân viên chọn mục toán  Hệ thống hiển thị hình chức tốn  Nhân viên chọn hóa đơn cần tốn(R2)  Hệ thống xử lý yêu cầu, xác nhận việc toán Ca sử dụng kết thúc o Các kịch khác  R1 Tên đăng nhập mật không đúng, người dùng nhập lại tên đăng nhập mật ca sử dụng kết thúc  R2 Hóa đơn tốn khơng có hệ thống, u cầu kiểm tra lại Ca sử dụng bắt đầu lại  Biểu đồ lớp tham gia ca sử dụng Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 86 Hình 3-30 Biểu đồ lớp tham gia ca sử dụng usercase tốn  Biểu đồ trình tự Hình 3-31 Biểu đồ trình tự usercase tốn Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 87 f) Biểu đồ lớp lĩnh vực Hình 3-32 Biểu đồ lớp lĩnh vực Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 88 Thiết kế sở liệu a) Mô tả thực thể kết hợp  Nhacungcap(nhacungcap_id, tennhacungcap, ghichu) Mỗi nhà cung cấp có mã nhà cung cấp (id) để phân biệt với nhà cung cấp khác Mỗi nhà cung cấp xác định tên nhà cung cấp, mô tả nhà cung cấp  Sanpham(product_id, model, images, soluong, gia, mota ghi chu, nhacungcap) - Id_sanpham: Mã sản phẩm (khóa chính) - model: tên sản phẩm - images: Hình ảnh sản phẩm - Gia: Giá sản phẩm - Mota: mô tả sản phẩm - Ghichu: số thông tin thêm sản phẩm - Soluong: số lượng sản phẩm có cửa hàng  Giohang(giohang_id, user_id, username, soluong, tinhtrang, tonggia, ngaydat) - id_giohang: Mỗi giỏ hàng có id riêng để phân biệt với giỏi hàng khác - User_id: id người dùng giỏ hàng (nếu có) - User: Tên người dùng đặt giỏ hàng - Soluong: Số lượng hàng có giỏ hàng - Tinhtrang: tình trạng giỏ hàng - Giá sản phẩm giỏ hàng - Ngaydat: Ngày tháng năm tạo giỏ hàng mua hàng  Hoadon(hoadon_id, hoten, diachi, email, dienthoai, gia, soluong) - hoadon_id: Mã hóa đơn Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 89 - Hoten: Họ tên người mua hàng - Diachi: Địa người mua hàng - Email: Hòm thư điện tử người mua hàng - Dienthoai: Điện thoại người mua hàng - Soluong: Số lượng hàng mua - Gia: Là tổng số tiền phải trả, tiền hàng+ cước vận chuyển(nếu có)  user(user_id, user_group_id, username, password, email, fistnam, lastname, ip, datetime) - User_id: Mã người dùng - Email: email người dùng - User_group_id: người dùng thuộc nhóm - Password: Mật người dùng - Firstname: Họ tên đệm người dùng - Lastname: Tên người dùng - Ip: cấp quyền cho người dùng - Datetime: ngày đăng kí user  Tintuc(id_tintuc, noidung, ghichu) - Id_tintuc: Mã tin tức - Noidung: Nội dung tin tức - Ghichu: Ghi thêm phần tin tức b) Sơ đồ quan hệ liệu Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 90 Hình 3-33 Sơ đồ quan hệ liệu Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 91 CHƯƠNG THIẾT KẾ GIAO DIỆN Thiết kế giao diện trang chủ Hình 4-1 Giao diện trang chủ Trang hiển thị toàn nội dung trang Web Trên ta thực tất công việc mà ta muốn cách click vào mục chọn tương ứng chương trình liên kết đến trang tương ứng đáp ứng yêu cầu bạn Thiết kế giao diện danh mục sản phẩm Trang hiển thị loại sản phẩm có kho, số lượng, đơn giá Với sản phẩm có đường link liên kết đến thơng tin cụ thể sản phẩm, đường link để Thêm vào giỏ hàng Người sử dụng chọn toán giỏ hàng chọn toán sau để tiếp tục mua hàng Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 92 Hình 4-2 Giao diện danh mục sản phẩm Thiết kế giao diện đăng ký tài khoản Hình 4-3 Giao diện đăng ký tài khoản Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 93 Trang đăng ký cho phép khách hàng đăng ký người sử dụng cửa hàng Sau đăng ký, khách hàng mua hàng trực tuyến cửa hàng, cập nhật đơn hàng theo dõi đơn hàng đặt Thiết kế giao diện đăng nhập Hình 4-4 Giao diện đăng nhập Trang đăng nhập cho phép người dùng đăng nhập vào hệ thống, sử dụng tài khoản đăng ký từ trước Sau đăng nhập, người dùng sử dụng chức giỏ hàng toán mua hàng trực tuyến Thiết kế giao diện giỏ hàng Sau đăng nhập lựa chọn xong sản phẩm muốn mua, khách hàng xem lại giỏ hàng mình, bao gồm sản phẩm chọn, số lượng thành tiền hàng Tiếp đến khách hàng kiểm tra lại địa giao hàng, lựa chọn phương thức vận chuyển hàng phương thức toán Cuối xác nhận đơn hàng Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 94 Hình 4-5 Giao diện giỏ hàng Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 95 Thiết kế giao diện quản lý đơn hàng Đây trang quản lý đơn hàng admin Sau đăng nhập admin vào trang quản lý, người quản trị kiểm tra danh mục đơn hàng tình trạng đơn hàng Hình 4-6 Giao diện quản lý đơn hàng Thiết kế giao diện quản lý sản phẩm Đây trang quản lý sản phẩm admin Tại admin kiểm tra tồn mặt hàng có, cập nhật thơng tin (mơ tả, hình ảnh) sản phẩm, thêm sản phẩm xóa sản phẩm khơng tiếp tục kinh doanh Hình 4-7 Giao diện quản lý sản phẩm Sinh viên thực hiện: Nghiêm Hoàng Việt – Khóa KS35 – Lớp CNTT Trang 96 Thiết kế giao diện quản lý báo cáo doanh thu Trang hiển thị báo cáo doanh thu, tổng doanh thu tất đơn hàng bán Người quản trị lựa chọn lọc theo loại đơn hàng để kiểm tra lại tình trạng đơn hàng Hình 4-8 Giao diện quản lý thống kê – báo cáo Sinh viên thực hiện: Nghiêm Hoàng Việt – Khóa KS35 – Lớp CNTT Trang 97 KẾT LUẬN Với tốc độ phát triển ngày tăng mạng máy tính việc thiết kế cài đặt ứng dụng cho người dùng cần thiết Vì ý tưởng giới thiệu bán hàng qua mạng phần giúp cho khách hàng thuận tiện việc lựa chọn mua hàng Hiện việc ứng dụng thương mại điện tử Việt Nam đáp ứng số vấn đề mua bán, chưa linh hoạt Việc ứng dụng đòi hỏi phải tốn nhiều thời gian tiền bạc Với kiến thức tảng học trường nỗ lực mình, em hồn thành đề tài “Thiết kế website bán hàng trực tuyến Joomla” Kết em đạt khả quan; mặt công nghệ, em tìm hiểu nắm bắt cơng cụ thiết kế website Joomla, biết cách tổ chức sở liệu cho việc thiết kế website; em cài đặt chương trình có giao diện thân thiện với người dùng, giới thiệu mặt hàng kinh doanh cửa hàng, cho phép khách hàng tra cứu mặt hàng đặt hàng trực tuyến, thiết kê cho chủ cửa hàng quản lý đơn hàng, cập nhật sản phẩm, thống kê sản phẩm theo nhiều tiêu chí Ngồi ra, website em cịn phát triển thêm mục khác cho phép khách hàng mua toán trực tuyến qua thẻ ATM, eBank, thẻ Ngân lượng … , xây dựng hệ thống cho phép cửa hàng mua hàng trực tuyến từ nhà cung cấp Mặc dù cố gắng đầu tư nhiều thời gian khả có hạn nên đồ án cịn nhiều thiếu sót Em mong nhận thơng cảm góp ý thầy để đề tài em hoàn thiện Một lần em xin chân thành cảm ơn thầy giáo Trần Quang Đức tận tình giúp đỡ em suốt thời gian thực đề tài Em xin chân thành cảm ơn thầy! Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 98 TÀI LIỆU THAM KHẢO Nhóm tác giả JoomlaShine, Joomla3.xMadeEasy-vi, ấn thứ 3, tháng năm 2013 Joomla !, Joomla ! Documentation, URL : https://docs.joomla.org/, last visited December 2015 Joomla!, Bách khoa toàn thư mở Wikipedia, URL : https://vi.wikipedia.org/wiki/Joomla!, last visited December 2015 VirtueMart, VirtueMart Documentation, URL : http://docs.virtuemart.net/tutorials.html, last visited December 2015 22WEB (CMS Tutorials), Online Store in Joomla 3, URL : https://www.youtube.com/watch?v=ygR3liEch0k&list=PLcOTT7_PDfksFHSXvNi_CBwLKKkzkkIl, last visited December 2015 Thạc Bình Cường, Phân tích thiết kế hệ thống thông tin, Nhà xuất Khoa học kỹ thuật, năm 1999 Sinh viên thực hiện: Nghiêm Hồng Việt – Khóa KS35 – Lớp CNTT Trang 99 ... dựng thiết kế web bán hàng trực tuyến chương trình thiết kế website Joomla Đồ án trình bày trình tìm hiểu nghiệp vụ, phân tích yêu cầu, thiết kế cài đặt website quản lý bán hàng trực tuyến Các... Thiết kế website bán hàng trực tuyến Joomla Các nhiệm vụ cụ thể ĐATN - Tìm hiểu chương trình thiết kế website Joomla - Xây dựng sở liệu cho website bán hàng - Thiết kế chương trình giao diện cho website. .. tuyến Các nội dung đồ án bao gồm : - Tìm hiểu chương trình thiết kế website Joomla - Xây dựng sở liệu cho website bán hàng - Thiết kế chương trình giao diện cho website bán hàng Sinh viên thực