Tìm hiểu và xây dựng web bán hàng trực tuyến bằng hệ thống mã nguồn mở ở công ty HTC

Theo thống kê Internet, cho thấy Việt Nam có 55,19 triệu người sử dụng Internetnăm 2018, có 30 triệu người tham gia mua sắm trực tuyến Do việc chọn đề tài: “Tìm hiểu xây dựng web bán hàng trực tuyến hệ thống mã nguồn mở công ty HTC ” giúp công ty quảng bá sản phẩm đến với khách hàng cách nhanh chóng, hiệu thơng qua hệ thống Website khách hàng đặt mua mặt hàng hay sản phẩm cần thiết Từ nâng cao sức cạnh tranh với công ty khác Mục tiêu nghiên cứu  Mục tiêu tổng quát Mục tiêu tổng quát đề tài xây dựng website tương đối hoàn chỉnh cho cơng ty, nhằm mục đích giới thiệu sản phẩm điện tử, quảng bá hình ảnh cơng ty với khách hàng, đối tác thị trường, phục vụ cách có hiệu hoạt động kinh doanh cho công ty  Mục tiêu cụ thể Khảo sát, phần tích trạng bán hàng cho cơng ty để có nhìn tổng quan cơng ty - Xây dựng website bán hàng cho công ty

LỜI NÓI ĐẦU

Trước hết em xin chân thành cám ơn các thầy giáo, cô giáo Khoa Công nghệ thông tin Trường Đại học Quảng Bình, những người đã dạy dỗ, trang bị cho chúng em những kiến thức cơ bản, cần thiết trong những năm học vừa qua

để em có đủ điều kiện hoàn thành đề tài tốt nghiệp của mình.

Đặc biệt em xin bày tỏ lòng biết ơn sâu sắc nhất tới thầy giáo TS Hoàng Văn Dũng, người đã hướng dẫn, chỉ bảo tận tình trong suốt thời gian làm đề tài tốt nghiệp.

Em xin gửi lời cảm ơn đến ban lảnh đạo,các anh, các chị trong Công ty TNHH điện tử tin học HTC, đã tạo điều kiện giúp đỡ, chỉ bảo cũng như cung cấp những tài liệu cần thiết và hướng dẫn nhiệt tình trong thời gian thực tập tại công ty

Mặc dù đã hết sức cố gắng để hoàn thiện báo cáo tốt nghiệp song do khả năng còn hạn chế nên bài báo cáo vẫn còn nhiều thiếu sót Vì vậy em rất mong nhận được những đóng góp chân tình của các thầy cô và bạn bè.

Một lần nữa em xin chân thành cảm ơn!

Quảng Bình, Ngày tháng năm 2019

Sinh viên

Trần Minh Toàn

MỤC LỤC

DANH MỤC TỪ VIẾT TẮT

DANH MỤC HÌNH ẢNH:

Hình 1 Giao diện của website Amazon 8

Hình 2 Giao diện của website Alibaba 9

Hình 3 Giao diện của website Tiki 9

Hình 4 Giao diện của website Lazada 10

Hình 5 Bảng điều khiển của XAMPP 11

Hình 6 Trang quản trị cơ sở dữ liệu MySql 12

Hình 7 Màn chào mừng của Wordpress 17

Hình 8 Tạo tài khoản và mật khẩu của mình 18

Hình 9 Xác nhận cài đặt Wordpress 18

Hình 10 Lựa chọn tên Website và tài khoản quản trị 19

Hình 11 Đăng nhập vào Wordpress 20

Hình 12 Tìm plugin “Woocommerce” trên thư viện 21

Hình 13 Cài đặt bản dịch và thiết lập cho Woocommerce 22

Hình 14 Cài đặt trang cần thiết cho Woocommerce 23

Hình 15 Thiết lập vị trí và định dạng tiền tệ phù hợp với Việt Nam 24

Hình 16 Đã thiết lập hoàn thành 25

Hình 17 Chức năng mức 0 29

Hình 18 Chức năng mức 1 29

Hình 19 Chức năng mức 2 30

Hình 20 Biểu đồ mức ngữ cảnh 31

Hình 21 Biểu đồ mức đỉnh 32

Hình 22 Chức năng quản lý sản phẩm 32

Hình 23 Chức năng quản lý giỏ hàng 33

Hình 24 Chức năng hỗ trợ bán hàng 33

Hình 25 Chức năng hỗ trợ mua hàng 34

Hình 26 Chức năng mua hàng 34

Hình 27 Giao diện trang chủ 40

Hình 28 Giao diện trang giới thiệu công ty 41

Hình 29 Giao diện trang cửa hàng 42

Hình 30 Giao diện trang giỏ hàng 43

Hình 31 Giao diện trang chi tiết sản phẩm 44

Hình 32 Giao diện trang thanh toán 45

Hình 33 Giao diện trang liên hệ 46

PHẦN I :MỞ ĐẦU 1.Lý do chọn đề tài

Theo thống kê Internet, cho thấy Việt Nam có 55,19 triệu người sử dụng Internetnăm

2018, trong đó có 30 triệu người tham gia mua sắm trực tuyến Do đó việc chọn đề

tài: “Tìm hiểu và xây dựng web bán hàng trực tuyến bằng hệ thống mã nguồn mở

ở công ty HTC ” giúp công ty quảng bá sản phẩm của mình đến với khách hàng một

cách nhanh chóng, hiệu quả và thông qua hệ thống Website này khách hàng có thể đặtmua các mặt hàng hay sản phẩm cần thiết Từ đó nâng cao sức cạnh tranh với công tykhác

2 Mục tiêu nghiên cứu

 Mục tiêu tổng quát

Mục tiêu tổng quát của đề tài xây dựng website tương đối hoàn chỉnh chocông ty, nhằm mục đích giới thiệu các sản phẩm điện tử, quảng bá hìnhảnh công ty với các khách hàng, đối tác trên thị trường, phục vụ một cách

có hiệu quả các hoạt động kinh doanh cho công ty

 Mục tiêu cụ thể

- Khảo sát, phần tích hiện trạng bán hàng cho công ty để có cái nhìn tổng quan

về công ty

- Xây dựng website bán hàng cho công ty

3 Nội dung nghiên cứu:

- Chương 1: Giới thiệu tổng quan

- Chương 2: Cơ sở lý thuyết

- Chương 3: Khảo sát, phân tích và thiết thiết kế hệ thống

- Chương 4: Kết quả đạt được

4 Đối tượng và phạm vi nghiên cứu

 Đối tượng nghiên cứu

 Tìm hiểu quy trình bán hàng của Công ty TNHH điện tử tin học HTC

 Tìm hiểu về danh sách mặt hàng được kinh doanh tại Công ty

 Tìm hiểu về mã nguồn mở Wordpress

 Phạm vi nghiên cứu

- Về không gian: Công ty TNHH điện tử tin học HTC.

- Về Thời gian: Đề tài 18/01 đến 12/5 năm 2019.

5.Phương pháp nghiên cứu

Đề tài sử dụng các phương pháp:

- Phương pháp quan sát: Trực tiếp quan sát hệ thống bán hàng hiện tại

- Phỏng vấn: Hỏi nhân viên trong công ty về các nghiệp vụ bán hàng

- Thu thập các tài liệu, báo cáo từ công ty

- Nghiên cứu tài liệu: Tìm hiểu các lý thuyết cần thiết để triển khai websitequảng bá sản phẩm

PHẦN II : NỘI DUNG ĐỀ TÀI

CHƯƠNG 1 : GIỚI THIỆU TỔNG QUAN

1.1 TÌM HIÊU VỀ WEBSITE

1.1.1 Khái niệm về Website

Website là một văn phòng ảo của doanh nghiệp tren Internet Website baogồm toàn bộ thông tin, dữ liệu, hình ảnh về sản phẩm, dịch vụ và hoạt động sảnxuất kinh doanh mà doanh nghiệp muốn giới thiệu đến người truy cập Internet.Văn phòng ảo này khác với văn phòng thật của doanh nghiệp là nó hoạt động24/7 (24h/ngày, 7 ngày/tuần) Khách đến thăm văn phòng này có thể đến tronghoặc ngoài nước và chi phí duy trì văn phòng này là rất thấp Với đặc điểmtrên, Website là bộ mặt của doanh nghiệp trước khách hàng, đối tác trong vàngoài nước Vì vậy Website cần có những yếu tố sau:

Thiết kế thẩm mỹ, tiện lợi

Tốc độ nhanh

Tên Website dễ nhớ và ngắn ngọn

Hỗ trợ nhiều tính năng như: Email, thống kê truy nhập, cập nhật thôngtin dễ dàng và nhanh chóng…

1.1.2 Yêu cầu tối thiểu của một Website

Tên Website hay còn gọi là miền có dang www.tencongty.com (.net,org, com.vn)

Website hosting là nơi lưu trữ website trên máy chủ Internet

Các trang Web đã được xây dựng và hoạt động

1.1.3 Tên miền và Webhosting

Domain name là địa chỉ Website hay còn gọi là tên miền, ví dụ domainname ‘www.yahoo.com’ là địa chỉ của Website của Yahoo Domain name chỉ

có một và duy nhất một Bạn có thể biết tên miền có còn được đăng ký haykhông bằng cách kiểm tra trên mạng, hãy đăng ký nagy lập tức trước khi cóngười khác đăng ký mất tên miền đó của bạn Để duy trì quyền sở hữu Domainname, bạn phải đóng một khoản phí hàng trăm theo quy định pháp luật để sử

www.shophtc.com’ Domain phụ còn gọi là sub domain là domain được tạo từdomain chính, ví dụ shophtc có một chi nhánh tại Hà Nội của công ty shophtcnhư sau: ‘www.hanoi.shophtc.com’.

Website hosting là nơi lưu trữ tất cả các trang Web, các thông tin email dữliệu, hình ảnh trên một máy chủ Internet, Web hosting đồng thời cũng là nơidiễn ra tất cả các hoạt động giao dịch, trao đổi thông tin của Website với người

sử dụng Internet và hỗ trợ các phần mềm Internet hoạt động

1.1.4 Các bước xây dựng Website

Trước tiên bạn phải xác định được mục đích xây dựng Website: Để giớithiệu công ty hay kinh doanh qua mạng

Đăng ký tên miền

- Lập trình ứng dụng và cơ sở dữ liệu ( Đối với website động)

Quảng bá website sau khi hoàn thành

Bảo trì và nâng cấp ( Cập nhật thông tin )

1.2 MỘT SỐ WEBSITE BÁN HÀNG

1.2.1 Thế giới:

Hình 1 Giao diện của website Amazon

Hình 2 Giao diện của website Alibaba

1.2.2 Việt Nam:

Hình 3 Giao diện của website Tiki

Hình 4 Giao diện của website Lazada

CHƯƠNG 2 : CƠ SỞ LÝ THUYẾT

2.1 PHẦN MỀM XAMPP

Hình 5 Bảng điều khiển của XAMPP

2.1.1 Giới thiệu về XAMPP

XAMPP là gói cài đặt localhost được tích hợp tất cả những thành phần cần thiết như: Apache, MySql, PHP, Perl,…

Trong khóa luận này sử dụng XAMPP phiên bản 1.8.3

2.2 PHP VÀ MYSQL

2.2.1 Giới thiệu về ngôn ngữ lập trình PHP

PHP(Hypertext Preprocessor) là ngôn ngữ scrip trên server được thiết kế để dễ dàngxây dựng các trang Web động Mã PHP có thể thực thi trên Websever để tạo ra mã HTML và xuất ra trình duyệt web theo yêu cầu của người sử dụng

Có nhiều lý do khiến cho việc sử dụng ngôn ngữ này chiếm ưu thế, sau đây là một số

2.2.2 Giới thiệu về MySql

MySQL là một phần mềm quản trị CSDL mã nguồn mở, miễn phí nằm trong

LAMP(Linux – Apache – MySQL – PHP)

2.2.2.1 Một số đặc điểm của My SQL

 MySQL là một phần mềm quản trị cơ sở dữ liệu dạng server – based

 MySQL quản lý dữ liệu thông qua các cơ sở dữ liệu, mỗi cơ sở dữ liệu có thể

có nhiều bảng quan hệ chứa dữ liệu

 MySQL có cở chế phân quyền người sử dụng riêng, mỗi người có thể được quản lý một hoặc nhiều cơ sở dữ liệu khác nhau, mỗi người dùng có một tên truy cập ( use name) và mật khẩu tương ứng để truy xuất đến cơ sở dữ liệu

Hình 6 Trang quản trị cơ sở dữ liệu MySql

2.3 GIỚI THIỆU VỀ MÃ NGUỒN MỞ WORDPRESS

2.3.1 KHÁI NIỆM VỀ WORDPRESS

- WordPress là phần mềm mã nguồn mở được cung cấp miễn phí, sử dụng ngônngữ lập trình PHP và hệ cơ sở dữ liệu MySQL Do đó, nó thích hợp cho ai muốn đặtblog trên chính website sử dụng tên miền của riêng mình Tuy nhiên, nếu không có tênmiền riêng và chịu được một vài hình ảnh quảng cáo đôi khi xuất hiện, bạn vẫn có thểdùng chung với nhà cung cấp Automattic Production tại địa chỉ http://wordpress.comtương tự các nhà cung cấp khác

- WordPress là một dạng phần mềm mã nguồn mở, là hậu duệ chính thức củab2/cafelog, được phát triển bởi Michel Valdrighi Cái tên WordPress được đề xuất bởiChristine Selleck, một người bạn của nhà phát triển chính Matt Mullenweg

- WordPress viết bằng PHP và sử dụng hệ quản trị MySQL WordPress chạy tốttrên PHP5, hầu hết mọi host (dịch vụ lưu trữ trực tuyến) có PHP đều hỗ trợWordPress Nhiều Host (Godaddy, Host Gator, …) còn có chức năng tự động cài đặtWordPress

- WordPress để đăng tải thông tin lên mạng, WordPress có chức năng như mọi Website khác Nó có thể làm site tin tức, đánh giá, bán hàng… thậm chí là mạng xã hội

Ngoài ra, WordPress còn hỗ trợ tạo Blog miễn phí trên WordPress.com để những

ai không có điều kiện tài chính, kỹ thuật, thời gian… có thể sử dụng được WordPress

- WordPress còn thêm vào một số tính năng nhỏ nhằm hỗ trợ người dùng trongquá trình sử dụng như khả năng tự động lưu liên tục khi soạn thảo, nạp nội dung từblog khác hay chia mục cho bài viết Tuy nhiên, WordPress lại không có chức năngxem trước (preview) nội dung bài viết của mình, điều gây khó khăn cho người dùngkhi họ cần xem xét và chỉnh sửa

- Các bản nâng cấp chính được chỉ định tên mã (codenames) đại diện cho các

nhạc sĩ nhạc jazz nổi tiếng

2.3.2 CÁC TÍNH NĂNG CƠ BẢN CỦA WORDPRESS

- Khi tạo một blog cho riêng bạn có thể sẽ có những lý do riêng, nhưng nếu so với các script và dịch vụ blog khác, có thể bạn sẽ thích Wordpress ở những tính năng dưới đây

Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham số trong file config.php, sau 1,2 lần click chuột, bạn đã sẵn sàng để viết blog

wp-Không giới hạn số lượng category và sub-category: bạn có thể tạo vô số chuyênmục và các chuyên mục con trong các chuyên mục chính mà không gặp phải bất kì rắcrối nào.Tự động xuất RSS và Atom: giúp cập nhật các thông tin về blog của bạn ngaylập tức

Sử dụng giao diện XML RPC để trackback và viết bài từ xa

Có thể đăng bài trên blog từ email

Hỗ trợ plugin và theme: đây là một điểm mạnh nhất của Wordpress Nó tạo cơhội cho hàng nghìn nhà phát triển cùng tham gia phát triển các plugin và theme choWordpress, làm cho nó càng ngày càng phong phú về tính năng và giao diện

Có thể nhập dữ liệu từ Blogger, Blogware, Bunny’s Technorati Tags, DotClear,GreyMatter, Jorome’s Keyword, LiveJournal, Movable Type, TypePad, RSS, SimpleTagging, Textpattern, B2evoluton, v.v Đây là chức năng tuyệt vời nếu như bạn muốnchuyển từ một blog khác sang sử dụng Wordpress, nó giúp lại lấy lại tất cả các bài viếttrên các blog khác để chuyển qua Wordpress

Rất nhiều tài liệu hướng dẫn để giúp phát triển thêm tính năng, và nhiều bộ API

để mở rộng

Dễ quản lý và duy trì mà chẳng cần phải có nhiều kĩ năng hay kinh nghiệm

Khả năng tìm kiếm trên blog rất tốt

Xuất bản nội dung ngay lập tức bất kể chiều dài của bài viết là bao nhiêu

Hỗ trợ viết blog đa ngôn ngữ

Administration Panel được tổ chức rất tốt với rất nhiều tính năng nhưng lại dễ hiểu và dễ sử dụng

Quản lý liên kết dễ dàng

Với sự trợ giúp của các plugin và rất nhiều bộ API, bạn có thể chỉnh sửa

Wordpress tùy thích theo nhu cầu của bạn, và thậm chí bạn cũng có thể sử dụng Wordpress để làm một website hoàn chỉnh Wordpress có hàng ngàn plugin và theme, cộng với một đồng người sử dụng cực kì đông đảo luôn sẵn sàng góp sức phát triển, điều này làm cho Wordpress ngày càng lớn mạnh thể hiện vai trò số 1 của mình

Một số trong những lợi thế của purchasing a WordPress premium theme bao gồm:

Hỗ trợ kỹ thuật sẵn có

Hoàn toàn tùy biến trang web

Chức năng và kỹ thuật nâng cao hơn

Chủ đề của bạn sẽ được liên tục cập nhật

Các mẫu thiết kế tuyệt vời cho originality

Có thể được sử dụng cho các trang web lớn như Tổng công ty và các tạp chítin tức trực tuyến

2.3.3 NÉT NỔI BẬT LÀM NÊN SỰ PHÁT TRIỂN

Việc quản lý web, quản lý các bài viết rất thuận tiện giống như các phần mềmthiết kế website chuyên nghiệp

Hỗ trợ plug - in Đây thực sự là một điểm mạnh của Wordpress, với một cộng đồng người dùng viết các plug - in cho Wordpress Bạn không lo thiếu plug - in để sử

dụng

Thể hiện các tệp PDF, DOC, Powerpoint ngay trên nội dung bài viết Đặc biệttích hợp sẵn Latex – công cụ soạn thảo công thức toán học, giúp người sử dụng có thểviết công thức toán học ngay trên blog

WordPress có rất nhiều Widget (ứng dụng tạo thêm) như Thống kê số truy nhập blog, các bài mới nhất, các bài viết nổi bật nhất, các comment mới nhất, liệt kê

các chuyên mục, liệt kê các trang, danh sách các liên kết, liệt kê số bài viết trong từngtháng … khi muốn thay đổi vị trí các widget, thay vì phải động vào code, bạn chỉ việckéo - thả ở những vị trí thích hợp Có vô số theme để người dùng lựa chọn

Hỗ trợ tag/chuyên mục: Giúp bạn dễ dàng phân loại bài viết, dễ dàng, thuậntiên trong quá trình tìm kiếm cũng như xem lại các bài viết

Hỗ trợ SEO khá tốt Tuy không thể nói là hoàn chỉnh nhưng cũng rất tốt vớidàn kỹ sư luôn luôn lắng nghe ý kiến người dùng và cập nhật những tính năng nhằmnâng cao khả năng về SEO.

Các comment có thể duyệt rồi mới cho đăng, comment nào có nội dung khôngphù hợp có thể xóa, nếu cho là spam thì sau này IP đó không có thể gửi comment vàoblog được nữa

Admin (chủ website) có thể cho rất nhiều cộng tác viên gửi bài vào blog, có thể phân quyền cho các cộng tác viên theo các cấp độ khác nhau Lưu giữ danh sách

thành viên đã ghé thăm trang blog Admin cũng có thể cho bất kỳ ai đăng bài quaemail vào blog miễn là admin cho họ một địa chỉ email bí mật của web (địa chỉ này cóthể thay đổi bất kỳ lúc nào)

Sao lưu dữ liệu nhằm khôi phục nội dung web một cách dễ dàng nếu chẳng

may web bị hack, và cung cấp công cụ chuyển nhà sang WordPress.

WordPress hỗ trợ 3 GB để lưu trữ các tệp hình ảnh và văn bản.

Hàng ngày WordPress có thống kê 100 bài trên các web tiếng Việt của WordPress được nhiều người đọc nhất trong vòng 48 tiếng Nhờ đó bạn biết được các

thông tin quan trọng nhất đang diễn ra

Bước 2.Click vào Let’s go! để tiếp tục

Hình 8 Tạo tài khoản và mật khẩu của mình

Bước 3 Cấu hình database với:

- Database Name : tên database bạn vừa tạo

- User Name: tài truy cập MySQL, thông thường là root

- password: là mật khẩu của tải khoản được khai báo phía trên

- Database Host: thông thường là localhost, bạn giữ nguyên không cần thay đổi

- Table Prefix: ký tự đầu tiên xuất hiện trong tên bảng, để dễ hình dung bạn có thể xem ảnh ở phía dưới

Bước 4 : xác nhận và chạy cài đặt

Bước 6: Nếu cài đặt thành công WordPress sẽ hiển thị thông tin tài khoản của bạn Đến bước này bạn đã cài đặt thành công WordPress lên locahost, click vào Log

In để đăng nhập vào hệ thống quả trị và bắt đầu viết bài

Hình 11 Đăng nhập vào Wordpress

2.4 GIỚI THIỆU VỀ WOOCOMMERCE

2.4.1 KHÁI NIỆM VỀ WOOCOMMERCE

Woocommerce là một plugin miễn phí được sử dụng để tạo một trang thươngmại điện tử cỡ nhỏ tốt nhất hiện nay trong WordPress Nó cũng như bao plugin khác

là bổ sung chức năng vào website nhưng nó sẽ bổ sung gần như toàn diện các chứcnăng mà một trang bán hàng đơn giản cần có

Woocommerce sẽ có các chức năng chính như:

 Tạo sản phẩm với định dạng thông thường, sản phẩm có thuộc tính, sản phẩmaffiliate và sản phẩm kỹ thuật số (có thể tải về)

 Hỗ trợ một số hình thức thanh toán online như PayPal, Credit Card, CoD,Cash và sẽ càng nhiều hơn khi cài thêm plugin hỗ trợ cho riêng nó

 Hỗ trợ tự tính thuế sản phẩm hoặc thuế theo đơn hàng

 Hỗ trợ tự tính giá chuyển phát, có rất nhiều loại tính giá chuyển phát và sẽ đadạng hơn khi cài thêm plugin như có thể tính giá chuyển phát dựa theo cân

 Trang quản lý đơn hàng chuyên nghiệp, lọc đơn hàng thông qua từng trạngthái.

 Hỗ trợ template hiển thị riêng để có thể tự cấu hình lại template hiển thị phầnshop và sản phẩm, cái này rất có lợi cho lập trình viên

 Có sẵn nhiều theme và extension (plugin mở rộng) để biến thành trang shopchuyên nghiệp

 Và hàng tá các chức năng hay ho khác nữa

Như vậy với các tính năng kể trên, Woocommerce có thể lựa chọn cho những ai cầnlàm một trang shop đơn giản ngay trên website WordPress của mình để giới thiệu sảnphẩm và cho phép khách đặt hàng trực tuyến để bán hàng tiện lợi hơn

2.4.2 CÀI ĐẶT VÀ THIẾT LẬP CƠ BẢN

-Trước tiên bạn tìm plugin tên Woocommerce trong Dashboard và cài plugin tên

WooCommerce rồi cài nó.

Hình 12 Tìm plugin “Woocommerce” trên thư viện

Sau khi cài đặt thì kích hoạt như bình thường Sau khi kích hoạt nó sẽ chuyển

thẳng bạn đến trang thiết lập ban đầu cho Woocommerce Hãy ấn vào nút Cài đặt bản

dịch để nó cài bộ ngôn ngữ phù hợp cho website, ví dụ bạn đang dùng WordPress tiếng Việt thì nó sẽ cài bản dịch tiếng Việt cho Woocommerce Sau đó ấn nút Bắt đầu.

Hình 13 Cài đặt bản dịch và thiết lập cho Woocommerce

Kế đến là bước cài đặt trang cần thiết cho Woocommerce, ở đây nó sẽ cài một số

trang bắt buộc như Cửa hàng, Giỏ hàng, Thanh toán,…vì nếu không có các trang này thì sẽ không hoàn thiện được Do vậy ta sẽ ấn nút Tiếp tục.

Hình 14 Cài đặt trang cần thiết cho Woocommerce