BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƢỜNG ĐẠI HỌC TÂY BẮC A LỲ SÁ XAY NHẠ THUM MA NGHIÊN CỨU HỆ QUẢN TRỊ NỘI DUNG MÃ NGUỒN MỞ VÀ ỨNG DỤNG XÂY DỰNG HỆ THỐNG BÁN HÀNG TRỰC TUYẾN KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Sơn La, năm 2018 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƢỜNG ĐẠI HỌC TÂY BẮC A LỲ SÁ XAY NHẠ THUM MA NGHIÊN CỨU HỆ QUẢN TRỊ NỘI DUNG MÃ NGUỒN MỞ VÀ ỨNG DỤNG XÂY DỰNG HỆ THỐNG BÁN HÀNG TRỰC TUYẾN Chuyên ngành: Sƣ phạm Tin KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Ngƣời hƣớng dẫn: ThS Giang Thành Trung Sơn La, năm 2018 LỜI CẢM ƠN Trước tiên, em xin gửi lời cảm ơn chân thành tới tất thầy cô giáo trường Đại học Tây Bắc, đặc biệt thầy Khoa Tốn - Lý - Tin bạn bè, theo sát, tạo điều kiện giúp đỡ em thực đề tài khóa luận tốt nghiệp Một cách thuận lợi nhất, thầy, tận tình truyền đạt kiến thức năm em học tập Với vốn kiến thức tiếp thu trình học khơng tảng cho q trình nghiên cứu khóa luận mà cịn hành trang q báu để em bước vào đời cách vững tự tin Em xin gửi lời cảm ơn chân thành tới ThS Giang Thành Trung, người thầy tận tình hướng dẫn truyền đạt kinh nghiệm quý báu cho em suốt trình học tập làm khóa luận tốt nghiệp Thầy giúp đỡ em nhiều từ việc hình thành ý tưởng ban đầu theo sát động viên, góp ý, chỉnh sửa, cung cấp tài liệu hay đề em hoàn thành đề tài cách tốt Cuối em xin kính chúc q thầy, dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp mình, truyền đạt kiến thức cho hệ mai sau thành công nghiệp cao quý Em xin chân thành cảm ơn! MỤC LỤC LỜI MỞ ĐẦU CHƢƠNG HỆ QUẢN TRỊ NỘI DUNG 1.1 Giới thiệu hệ quản trị nội dung (Content Management System) 1.2 Một số hệ quản trị nội dung 1.2.1 DotNetNuke 1.2.2 Joomla 1.2.3 WordPress 1.2.4 Drupal CHƢƠNG HỆ QUẢN TRỊ NỘI DUNG WORDPRESS 11 2.1 Giới thiệu hệ quản trị nội dung WordPress 11 2.1.1 Lịch sử WordPress 11 2.1.2 Cấu trúc trang WordPress 13 2.1.3 Những chức WordPress 14 2.1.4 Ưu nhược điểm WordPress 14 2.2 Một số tính WordPress 15 2.2.1 Bảng tin (Dashboard) 15 2.2.2 Bài viết Posts (Posts) 16 2.2.3 Media 18 2.2.4 Trang (Pages) 19 2.2.5 Bình luận (Comments) 20 2.2.6 Giao diện (Appearance) 21 2.2.7 Gói mở rộng (Plugins) 24 2.2.8 Người dùng (User) 25 2.2.9 Công cụ (Tools) 27 2.2.10 Cài đặt (Settings) 28 CHƢƠNG XÂY DỰNG HỆ THỐNG BÁN HÀNG TRỰC TUYẾN 32 3.1 Giới thiệu hệ thống bán hàng trực tuyến 32 3.2 Cài đặt WordPress xây dựng website 33 3.2.1 Cài đặt WordPress localhost 33 3.2.2 Cài đặt WordPress hosting 37 3.2.3 Upload Website lên hosting 42 3.3 Giao diện web (themes) 44 3.3.1 Hướng dẫn cài đặt giao điện có sẵn WordPress 45 3.3.2 Cài đặt theme cách upload từ máy tính 47 3.3.3 Cài đặt WordPress plugin 49 3.4 Giới thiệu WooCommerce 51 3.4.1 Plugin WooCommerce WordPress 51 3.4.2 Hướng dẫn cài đặt WooCommerce 51 3.5 Giới thiệu Website bán hàng thời trang nữ 55 3.5.1 Cách thêm sản phẩm WooCommerce 57 3.5.2 Chức giỏ hàng toán 63 KẾT LUẬN 65 TÀI LIỆU THAM KHẢO 66 DANH MỤC HÌNH ẢNH Hình 1.1 DotNetNuke Hình 1.2 Trang chủ Joomla Hình 1.3 Trang chủ WordPress Hình 1.4 Trang chủ Drupal 10 Hình 2.1 Trang quản trị 15 Hình 2.2 Cập nhật 16 Hình 2.3 Tất viết 16 Hình 2.4 Bài viết 17 Hình 2.5 Chuyên mục 17 Hình 2.6 Thẻ 18 Hình 2.7 Thư viện 18 Hình 2.8 Tải lên tập tin 19 Hình 2.9 Tất trang 19 Hình 2.10 Thêm trang 20 Hình 2.11 Bình luận 20 Hình 2.12 Chủ đề 21 Hình 2.13 Tùy biến 21 Hình 2.14 Widget 22 Hình 2.15 Menu 22 Hình 2.16 Header 23 Hình 2.17 Chỉnh sửa giao diện 23 Hình 2.18 Gói mở rộng cài đặt 24 Hình 2.19 Thêm gói mở rộng 24 Hình 2.20 Chỉnh sửa gói mở rộng 25 Hình 2.21 Tất người dùng 25 Hình 2.22 Thêm người dùng 26 Hình 2.23 Hồ sơ người dùng 26 Hình 2.24 Các công cụ 27 Hình.2.25 Nhập liệu 27 Hình 2.26 Xuất liệu 28 Hình 2.27 Tổng quan liệu 28 Hình 2.28 Tùy chọn viết 29 Hình 2.29 Tùy chọn đọc liệu 29 Hình 2.30 Thảo luận 30 Hình 2.31 Cài đặt thư viện 30 Hình 2.32 Đường dẫn tĩnh 31 Hình 3.1 Bán hàng trực tuyến 32 Hình 3.2 Cài đặt WordPress localhost (bước 1) 33 Hình 3.3 Cài đặt WordPress localhost (bước 2) 34 Hình 3.4 Cài đặt WordPress localhost (bước 3) 34 Hình 3.5 Cài đặt WordPress localhost (bước 4) 35 Hình 3.6 Cài đặt WordPress localhost (bước 5) 35 Hình 3.7 Cài đặt WordPress localhost (bước 6) 36 Hình 3.8 Cài đặt WordPress localhost (bước 7) 36 Hình 3.9 Cài đặt WordPress localhost (bước 8) 36 Hình 3.10 Cài đặt WordPress localhost (bước 9) 37 Hình 3.11 Cài đặt WordPress hosting (bước 1) 37 Hình 3.12 Cài đặt WordPress hosting (bước 2) 38 Hình 3.13 Cài đặt WordPress hosting (bước 3) 38 Hình 3.14 Cài đặt WordPress hosting (bước 4) 39 Hình 3.15 Cài đặt WordPress hosting (bước 5) 39 Hình 3.16 Tạo sở liệu cho WordPress (bước 1) 39 Hình 3.17 Tạo sở liệu cho WordPress (bước 2) 40 Hình 3.18 Tạo sở liệu cho WordPress (bước 3) 40 Hình 3.19 Tạo sở liệu cho WordPress (bước 4) 40 Hình 3.20 Cài đặt WordPress (bước 1) 41 Hình 3.21 Cài đặt WordPress (bước 2) 41 Hình 3.22 Upload Website lên hosting (bước 1) 42 Hình 3.23 Upload Website lên hosting (bước 2) 42 Hình 3.24 Upload Website lên hosting (bước 3) 42 Hình 3.25 Upload Website lên hosting (bước 3) 43 Hình 3.26 Upload Website lên hosting (bước 4) 43 Hình 3.27 Upload Website lên hosting (bước 5) 43 Hình 3.28 Upload Website lên hosting (bước 6) 44 Hình 3.29 Khu vực quản trị WordPress 45 Hình 3.30 Cài giao diện (bước 1) 45 Hình 3.31 Cài giao diện (bước 2) 46 Hình 3.32 Một số theme miễn phí 46 Hình 3.33 Giao diện sau chọn cài đặt 47 Hình 3.34 Cài đặt theme cách upload file (bước 1) 48 Hình 3.35 Cài đặt theme cách upload file (bước 2) 48 Hình 3.36 Cài đặt theme cách upload file (bước 3) 48 Hình 3.37 Chọn Theme có sẵn lên 49 Hình 3.38 Cài đặt Plugin (bước 1) 49 Hình 3.39 Cài đặt Plugin (bước 2) 50 Hình 3.40 Cài đặt Plugin (bước 3) 50 Hình 3.41 Thiết lập ngôn ngữ 52 Hình 3.42 Cài đặt WooCommerce (bước 1) 52 Hình 3.43 Cài đặt WooCommerce (bước 2) 53 Hình 3.44 Cài đặt WooCommerce (bước 3) 53 Hình 3.45 Cài đặt WooCommerce (bước 4) 54 Hình 3.46 Cài đặt WooCommerce (bước 5) 54 Hình 3.47 Cài đặt WooCommerce (bước 6) 55 Hình 3.48 Giao diện trang chủ website (ảnh 1) 55 Hình 3.49 Giao diện trang chủ website (ảnh 2) 56 Hình 3.50 Giao diện trang chủ website (ảnh 3) 56 Hình 3.51 Cửa hàng 56 Hình 3.52 Phần nội dung thêm sản phẩm 57 Hình 3.53 Dữ liệu sản phẩm 58 Hình 3.54 Danh mục sản phẩm 59 Hình 3.55 Từ khóa sản phẩm 60 Hình 3.56 Thiết lập ảnh sản phẩm 60 Hình 3.57 Ảnh sản phẩm 60 Hình 3.58 Chọn ảnh sản phẩm 61 Hình 3.59 Đăng viết 61 Hình 3.60 Xem, sửa sản phẩm 62 Hình 3.61 Sản phẩm vừa đăng lên 62 Hình 3.62 Sản phẩm giỏ hàng 63 Hình 3.63 Giỏ hàng 63 Hình 3.64 Thanh tốn 64 Hình 3.65 Đặt hàng 64 LỜI MỞ ĐẦU Lý chọn đề tài Ngày với phát triển hệ máy tính, tài nguyên trở thành công cụ phổ biến nhiều người dùng với mục đích khác Như biết sống hàng ngày phần lớn làm việc với mạng, với tất thời gian ngày, tất thông tin liên lạc kết nối với mạng Với phát triển công nghệ, đặc biệt công nghệ thông tin tạo nhiều hội tiếp cận với dịch vụ tiện tích cho người, với tảng công nghiệp tri thức Thương mại điện tử internet trả thành thành phần thiếu lĩnh vực phát triển xã hội Bên cạnh tác dụng to lớn tổ chức khác nhau, website nơi chia sẻ kiến thức kết nối cộng đồng, thực đem lại nhiều lợi ích thiết thực Ngày khẳng định tính hữu dụng sức mạnh phương diện, ngành nghề sống, thời đại kinh tế thị trường đại Đặc biệt lĩnh vực giải trí cập nhật thơng tin, tin tức người Hiện có rât nhiều người thường xuyên truy cập trang tin tức để đọc báo, đọc tạp chí để giải trí thay mua tờ báo bên ngồi hiệu sách báo Từ tiềm thơng tin trở thành sản phẩm hàng hóa xã hội, tạo thay đổi to lớn lực lượng sản xuất, sở hạ tầng, cấu trúc kinh tế, tính chất lao động cách thức quản lý lĩnh vực xã hội Nên CNTT nước ta có phát triển vượt bậc lĩnh vực sống lĩnh vực quản lý xã hội khác Một lĩnh vực mà máy tính sử dụng nhiều hệ thống thông tin đưa tin tức đến với người dùng cách nhanh thuận tiện nhất, đất nước xã hội phát triển…Nhu cầu mua sắm ngày gia tăng, đặc biệt nhu cầu mua hàng qua mạng ngày nhiều Vì em định tìm hiểu xây dựng website mã nguồn mở (sử dụng hệ quản trị nội dung WordPress) Đó lý em chọn đề tài: “Nghiên cứu hệ quản trị nội dung mã nguồn mở ứng dụng xây dựng hệ thống bán hàng trực tuyến” để nghiên cứu làm khóa luận tốt nghiệp Hình 3.41 Thiết lập ngôn ngữ  Cài đặt thiết lập WooCommerce Trước tiên cần tìm plugin theo từ khóa WooCommerce Dashboard cài plugin tên WooCommerce cài Hình 3.42 Cài đặt WooCommerce (bước 1) Sau cài đặt kích hoạt bình thường Khi kích hoạt chuyển đến trang thiết lập ban đầu cho WooCommerce tự sử dụng ngơn ngữ thiết lập website Ấn nút Bắt đầu để tiến hành thiết lập ban đầu 52 Hình 3.43 Cài đặt WooCommerce (bước 2) Kế đến bước cài đặt trang cần thiết cho WooCommerce, cài số trang bắt buộc Cửa hàng, Giỏ hàng, Thanh tốn,…vì khơng có trang khơng hoàn thiện Do ta ấn nút Tiếp tục Hình 3.44 Cài đặt WooCommerce (bước 3) 53 Kế tiếp cài đặt vị trí cửa hàng, cài đặt quốc gia cửa hàng, loại tiền tệ, định dạng tiền tệ Nếu thiết lập cho cửa hàng Việt Nam nên thiết lập ảnh Hình 3.45 Cài đặt WooCommerce (bước 4) Sau thiết lập xong quay lại trang quản trị Ở phần thiết lập toán, tạm đánh dấu vào mục Bank Transfer (BACS) Payment Trả tiền mặt nhận hàng Hình 3.46 Cài đặt WooCommerce (bước 5) 54 Bây thiết lập thành công, ấn nút cho phép muốn giúp tác giả thu thập liệu sử dụng website Hình 3.47 Cài đặt WooCommerce (bước 6) 3.5 Giới thiệu Website bán hàng thời trang nữ Là kênh thông tin để quảng bá, giới thiệu dịch vụ, sản phẩm, mơ hình hoạt động doanh nghiệp, cửa hàng đến với người tiêu dùng khắp nơi, hình thức giao dịch, mua bán sản phẩm, dịch vụ cửa hàng môi trường Internet Trang website bán hàng sau: Trang web có ngơn ngữ tiếng Việt tiếng Anh Hình 3.48 Giao diện trang chủ website (ảnh 1) 55 Hình 3.49 Giao diện trang chủ website (ảnh 2) Hình 3.50 Giao diện trang chủ website (ảnh 3) Hình 3.51 Cửa hàng 56 Như Trang web bán hàng trực tuyến cài đặt gói mở rộng WooCommerce Website chia làm phần + Phần đầu trang: gồm logo, nút đăng nhập/xuất, giỏ hàng + Phần gồm sản phẩm, viết + Phần bên phải gồm thơng tin như: Tìm kiếm, danh mục sản phẩm, lọc sản phẩn với mức giá định + Phần cuối trang gồm thông tin như: Thông tin website, chuyên mục trang, sô liên kết với trang bán hang khác, thống kê lượt truy cập 3.5.1 Cách thêm sản phẩm WooCommerce + Nhập thông tin sản phẩm: Đầu tiên để thêm sản phẩm, chọn vào phần Sản phẩm  Thêm Ở giống giao diện trang thêm viết, có chức riêng cách thêm sản phẩm WooCommerce Phần tiêu đề ta nhập vào tên sản phẩm Phần nội dung nhập vào nội dung chi tiết sản phẩm Hình 3.52 Phần nội dung thêm sản phẩm Bên có phần Dữ liệu sản phẩm chọn Sản phẩm đơn giản Ở bên khung phần cần nhập thông tin sản phẩm giá, mã sản phẩm, kiểm kê kho hàng, giao nhận 57 Hình 3.53 Dữ liệu sản phẩm Trong đó:  Chung: Nhập thông tin giá sản phẩm + Giá bán thƣờng: Giá bán thị trường sản phẩm + Giá khuyến mãi: Nếu có sách giảm giá nhập giá giảm vào  Kiểm kê kho hàng: Phần dùng để thiết lập số lượng sản phẩm có kho tình trạng hàng hóa sản phẩm kho + Mã sản phẩm: Nhập mã sản phẩm vào quản lý sản phẩm theo mã + Quản lý kho hàng: Thiết lập số lượng hàng kho + Tình trạng kho hàng: Tình trạng sản phẩm cịn hàng hay hết hàng Nếu bật tính kiểm kê kho hàng khách hàng mua hết số lượng hàng hóa thiết lập báo trạng thái hết hàng + Bán riêng: Khách hàng mua số lượng mặt hàng đơn hàng đánh dấu  Giao nhận: Thiết lập trọng lượng sản phẩm, kích thước loại hình giao hàng + Trọng lƣợng: Đơn vị đo trọng lượng thiết lập WooCommerce  Cài đặt Nhập vào trọng lượng sản phẩm + Kích thƣớc: Đơn vị đo thiết lập giống bước Trọng lượng vào WooCommerce  Cài đặt Nhập vào chiều dài, chiều rộng, chiều cao sản phẩm 58 + Loại hình giao nhận hàng  Các sản phẩm đƣợc kết nối: Người mua dễ dàng tìm sản phẩm gợi ý khách hàng mua kèm thêm kết nối sản phẩm lại với + Bán thêm (Upsells): Gợi ý khách hàng mua sản phẩm thay cho sản phẩm mà họ xem + Bán chéo (Cross-sells): Trong lúc xem giỏ hàng gợi ý khách hàng mua thêm sản phẩm  Các thuộc tính: Thiết lập thuộc tính sản phẩm màu sắc , kích thước,…  Nâng cao: Thêm số thiết lập khác cho sản phẩm + Ghi toán (Purcahse note): Ghi mà muốn gửi đến khách hàng sau mua hàng + Menu đơn hàng: Trong giỏ hàng thứ tự ưu tiên sản phẩm, ưu tiên số nhỏ + Cho phép đánh giá: Muốn cho khách hàng đánh giá sản phẩm đánh dấu vào + Thiết lập danh mục sản phẩm Bên phải trang thêm sản phẩm có phần thiết lập Danh mục sản phẩm Nhìn chung có chức giống Chuyên mục (Category) trang viết Nếu chưa có danh mục sản phẩm thêm danh mục chọn Hình 3.54 Danh mục sản phẩm 59 + Thiết lập từ khóa sản phẩm Các từ khóa từ có liên quan đến sản phẩm từ khóa sản phẩm Hình 3.55 Từ khóa sản phẩm + Thiết lập ảnh sản phẩm Chọn vào bên Ảnh sản phẩm mục Thiết lập ảnh sản phẩm Hình 3.56 Thiết lập ảnh sản phẩm Sau bên phần Ảnh sản phẩm phần thư viện hình ảnh sản phẩm Hình 3.57 Ảnh sản phẩm 60 Chọn ảnh sản phẩm  Thiết lập ảnh sản phẩm để đăng ảnh lên Hình 3.58 Chọn ảnh sản phẩm Mỗi sản phẩm cần có ảnh đại diện cho sản phẩm Sau chỉnh sửa xong ta chọn để đăng lên trang cửa hàng Hình 3.59 Đăng viết 61 Vào trang Sản phẩm để xem sản phẩm vừa đăng Vào mục Trang trang quản trị ấn nút Xem trang cửa hàng Hình 3.60 Xem, sửa sản phẩm + Đây sản phẩm vừa đăng lên: Hình 3.61 Sản phẩm vừa đăng lên 62 3.5.2 Chức giỏ hàng toán Thêm sản phẩm vào giỏ hàng xuất thông báo sản phẩm thêm vào giỏ Hình 3.62 Sản phẩm giỏ hàng + Click vào Xem giỏ hàng hiển thị sau: Hình 3.63 Giỏ hàng 63 + Để xem trạng thái toán ấn vào nút Tiến hành tốn để xem Hình 3.64 Thanh tốn Hình 3.65 Đặt hàng 64 KẾT LUẬN Những nội dung em làm đƣợc Xây dựng Website bán hàng trực tuyến, xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho việc bán hàng trực tuyến Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp tra cứu tài liệu chuyên ngành hạn chế thời gian, khả kinh nghiệm nên không tránh khỏi thiếu sót định báo cáo hồn thành mức độ sau: - Tìm hiểu khái qt cơng nghệ lập trình web - Tìm hiểu nắm bắt công cụ thiết kế Web - Cài đặt xây dựng website hệ quản trị nội dung nguồn mở WordPress Với đặc điểm sau: + Giới thiệu mặt hàng kinh doanh đến với khách hàng + Cho phép tra cứu mặt hàng khách hàng có nhu cầu tìm hiểu đặt mua hàng + Tiếp nhận đơn đặt hàng khách hàng + Cập nhật: Mặt hàng, khách hàng, đơn đặt hàng + Thống kê: Chủng loại mặt hàng, tin tức đối tác + Thông tin khách hàng, mặt hàng, cập nhật kịp thời, xác + Giao diện thân thiện với người dùng Những hạn chế cịn thiếu khóa luận - Do kiến thức cịn hạn chế, chưa có kinh nghiệm thực tế nhiều nên khóa luận tìm hiểu khái qt kiến thức WordPress - Web xây dựng sử dụng tính WordPress, chưa phát triển thêm plugin nâng cao, bổ sung tính cho website Hƣớng phát triển tƣơng lai - Xây dựng plugin trợ thêm tính cho website thương mại điện tử 65 TÀI LIỆU THAM KHẢO - Website tham khảo https://thachpham.com/ https://vi.wikipedia.org/ https://wpcanban.com/ https://hoangluyen.com/ http://minhhn.com/ https://anquach.com/ https://fptshop.com.vn/ https://www.kiotviet.vn/ https://www.youtube.com/ 66 ... dụng xây dựng hệ thống bán hàng trực tuyến? ?? để nghiên cứu làm khóa luận tốt nghiệp Mục đích nghiên cứu - Nghiên cứu hệ quản trị nội dung mã nguồn mở ứng dụng xây dựng hệ thống bán hàng trực tuyến. .. mua hàng qua mạng ngày nhiều Vì em định tìm hiểu xây dựng website mã nguồn mở (sử dụng hệ quản trị nội dung WordPress) Đó lý em chọn đề tài: ? ?Nghiên cứu hệ quản trị nội dung mã nguồn mở ứng dụng. .. Nghiên cứu website làm WordPress để xây dựng hệ thống bán hàng thời trang nữ phần mềm mã nguồn mở Đối tƣợng nghiên cứu - Hệ quản trị nội dung WordPress - Website bán hàng trực tuyến Phạm vi nghiên