Xây dựng website bán hàng sử dụng phần mềm mã nguồn mở Nopcommerce

Xây dựng website bán hàng sử dụng phần mềm mã nguồn mở Nopcommerce được biên soạn dưới dạng file PDF cho các bạn sinh viên tham khảo, ôn tập đầy đủ kiến thức, chuẩn bị thật tốt cho các kì thi sắp tới. Mời bạn đọc đón xem!

54 27 lượt tải Tải xuống

Chia sẻ Báo cáo tài liệu

lOMoARcPSD| 37186047

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG

-------------------------------

ISO 9001:2015

ĐỒ ÁN TỐT NGHIỆP

NGÀNH : CÔNG NGHỆ THÔNG TIN

Sinh viên : Trần Duy Anh

Giảng viên hướng dẫn: Ths. Vũ Anh Hùng

HẢI PHÒNG – 2020

lOMoARcPSD| 37186047

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG

-----------------------------------

XÂY DỰNG WEBSITE BÁN HÀNG SỬ DỤNG

PHẦN MỀM MÃ NGUỒN MỞ NOPCOMMERCE

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY NGÀNH:

CÔNG NGHỆ THÔNG TIN

Sinh viên : Trần Duy Anh

Giảng viên hướng dẫn: Ths. Vũ Anh Hùng

HẢI PHÒNG – 2020

BỘ GIÁO DỤC VÀ ĐÀO TẠO

lOMoARcPSD| 37186047

TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG

--------------------------------------

NHIỆM VỤ ĐỀ TÀI TỐT NGHIỆP

Sinh viên: Trần Duy Anh Mã SV: 1512111028

Lớp : CT1901C

Ngành : Công nghệ Thông tin

Tên ề tài: Xây dựng website bán hàng sử dụng phần mềm mã nguồn mở

NOPCOMMERCE.

NHIỆM VỤ ĐỀ TÀI

1. Nội dung và các yêu cầu cần giải quyết trong nhiệm vụ ề tài tốt nghiệp

………………………………………………………………………………….

lOMoARcPSD| 37186047

………………………………………………………………………………….

2. Các tài liệu, số liệu cần thiết

………………………………………………………………………………….

3. Địa iểm thực tập tốt nghiệp

………………………………………………………………………………….

CÁN BỘ HƯỚNG DẪN ĐỀ TÀI TỐT NGHIỆP

Họ và tên :

Học hàm, học vị :

Cơ quan công tác : Trường Đại học Quản lý và Công nghệ Hải Phòng Nội

dung hướng dẫn:

lOMoARcPSD| 37186047

Đề tài tốt nghiệp ược giao ngày 30 tháng 03 năm 2020

Yêu cầu phải hoàn thành xong trước ngày 30 tháng 06 năm 2020

Đã nhận nhiệm vụ ĐTTN Đã giao nhiệm vụ ĐTTN

Sinh viên

Giảng viên hướng dẫn

Hải Phòng, ngày tháng năm 2020

HIỆU TRƯỞNG

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc

lập - Tự do - Hạnh phúc

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN CHẤM PHẢN BIỆN

Họ và tên giảng viên: …………………………………………………………………………

Đơn vị công tác: ……………………………………………………………………………… Họ

và tên sinh viên: ……………………………… Ngành: …………………………………

Đề tài tốt nghiệp: ……………………………………………………………………………..

………………………………………………………………………………………………...

1. Phần nhận xét của giảng viên chấm phản biện

................................................................................................................................................................

2. Những mặt còn hạn chế

................................................................................................................................................................

lOMoARcPSD| 37186047

................................................................................................................................................................

3. Ý kiến của giảng viên chấm phản biện

Không ược bảo vệ Đi  m:……………………………. Được bảo vệ

Hải Phòng, ngày …… tháng ….. năm 2020

Giảng viên chấm phản biện

(Ký và ghi rõ họ tên)

LỜI CẢM ƠN

Lời ầu tiên em xin cảm ơn ến thầy giáo Ths. Vũ Anh Hùng là người trực tiếp hướng dẫn

em trong quá trình làm ề tài “Xây dựng website bán hàng sử dụng phần mềm mã nguồn

mở NOPCOMMERCE.” Thầy ã hỗ trợ em rất nhiều về mặt kiến thức cũng như tinh thần

từ những ngày ầu em nhận ồ án còn nhiều iều chưa biết.

Lời thứ hai em xin cảm ơn các thầy, cô giáo trong khoa Công nghệ thông tin ã

truyền ạt kiến thức cho em trong từng môn học.

Cuối cùng em xin gửi lời cảm ơn ến GS. TS. NGƯT Trần Hữu Nghị Hiệu trưởng

Trường Đại Học Dân Lập Hải Phòng, cùng toàn th  các thầy cô trong ban giám hiệu

nhà trường ã tạo iều kiện tốt nhất cho em trong quá trình học tập tại trường cũng như sau

khi i làm.

Do thời gian vừa học vừa làm nên lần bảo vệ tốt nghiệp này không tránh khỏi

những thiếu sót, em rất mong nhận ược sự chỉ bảo, óng góp ý kiến của thầy cô cùng toàn

th  các bạn  em có iều kiện bổ sung, nâng cao kiến thức của mình và  ứng dụng

của em ược hoàn thiện hơn.

Em xin chân thành cảm ơn!

Hải Phòng, ngày tháng năm 2020

Sinh viên

TRẦN DUY ANH

lOMoARcPSD| 37186047

MỤC LỤC

MỤC LỤC ................................................................................................................................ 1

DANH MỤC HÌNH .................................................................................................................. 3

LỜI NÓI ĐẦU .......................................................................................................................... 6

CHƯƠNG I .............................................................................................................................. 7

GIỚI THIỆU PHẦN MỀM NGUỒN MỞ NOPCPOMMERCE.............................................. 7

1. 1.Giới thiệu mã nguồn mở

.................................................................................................... 7

1.1.1. Khái niệm về phần mềm nguồn mở & mã nguồn mở................................................. 7

1.1.2. Lợi ích của việc sử dụng mã nguồn

mở...........................................................................................................................................7

1.1.3. Ứng dụng của mã nguồn mở....................................................................................... 8

1.2. Giới thiệu về NOPCOMMERCE .................................................................................... 10

1.2.1. Khái niệm về nopCommerce .................................................................................... 10

1.2.2. Một số ưu và nhược i  m chung của nopCommerce ............................................... 11

1.2.3. Chức năng của nopCommerce................................................................................... 11

1.2.4. Tải mã nguồn của Nopcommerce.............................................................................. 15

CHƯƠNG II ......................................................................................................................... 17

CÀI ĐẶT NOPCOMMERCE................................................................................................. 17

2.1. Giới thiệu về ONEDATA................................................................................................. 17

2.2. Đăng kí host và tên miền.................................................................................................. 17

2.3. Upload file và cài ặt Nopcommerce trên hosting........................................................... 21

2.4. Cài ặt Nopcommerce...................................................................................................... 22

2.5. Việt hóa các chức năng người dùng.................................................................................. 25

2.6. Thiết lập thông tin cửa hàng............................................................................................. 29

2.7. Thiết lập quốc gia............................................................................................................. 30

2.8. Cài ặt hệ thống bảo vệ..................................................................................................... 33

2.9. Cài ặt PDF ...................................................................................................................... 35

2.10. Thiết lập thông tin email................................................................................................. 36

CHƯƠNG III ........................................................................................................................ 38

lOMoARcPSD| 37186047

ỨNG DỤNG XÂY DỰNG WEBSITE ................................................................................. 38

ANH THÚY COMPUTER...................................................................................................... 38

3.1. Giới thiệu về cửa hàng Anh Thúy Computer.................................................................... 37

3.2. Nghiệp vụ quản lí bán hàng tại cửa hàng Anh Thúy Computer....................................... 37

lOMoARcPSD| 37186047

3.2.1. Quản lí sản phẩm .................................................................................................... 38

3.2.2. Quản lí nhóm sản phẩm .......................................................................................... 38

3.2.3. Chiến lược quảng cáo cửa hàng ............................................................................. 38

3.2.4. Giao hàng và thanh toán.......................................................................................... 38

3.2.5. Báo cáo.................................................................................................................... 38

3.2.6. Bi  u ồ ngữ cảnh của hệ thống............................................................................... 39

3.2.7. Cơ sở dữ liệu tổ chức lưu trữ.................................................................................. 39

3.3. Một số ưu, nhược i  m khi xây dựng website bán hàng online............................................

52 3.4. Giới thiệu các chức năng của website Anh Thuý

Computer................................................. 52

• Giao diện quản trị người

dùng....................................................................................... 52

• Giao diện người

dùng..................................................................................................... 76

KẾT

LUẬN................................................................................................................................................. 83

TÀI LIỆU THAM

KHẢO......................................................................................................................... 84

lOMoARcPSD| 37186047

DANH MỤC HÌNH ẢNH

Hình 1: Logo framework nopCommerce................................................................................. 10

Hình 2: Giao diện trang chủ nopCommerce............................................................................ 15

Hình 3: Phần Download .......................................................................................................... 15

Hình 4: Trang DOWNLOAD của nopCommerce................................................................... 16

Hình 5: Trang chủ của ONEDATA......................................................................................... 17

Hình 6: Thuê hosting windows................................................................................................ 17

Hình 7: Bảng giá lựa chọn gói hosting.................................................................................... 18

Hình 8: Đăng ký tên miền và ki  m tra tên miền......................................................................

Hình 9: Giao diện sau khi ăng ký tên miền............................................................................ 19

Hình 10: Thông tin ăng nhập hosting.................................................................................... 19

Hình 11: Giao diện ăng nhập vào Plesk................................................................................. 20

Hình 12: Giao diện trang quản trị website............................................................................... 20

Hình 13: Các phần tử sau khi ược upload và giải nén........................................................... 21

Hình 14: Giao diện tạo Database và tài khoản người dùng Database..................................... 22

Hình 15: Database và tài khoản người dùng Database ã tạo................................................. 22

Hình 16: Form thông tin tạo tài khoản quản trị viên và thông tin cơ sở dữ liệu...................... 23

Hình 17: Hình ảnh sau khi cài ặt nopCommerce thành công................................................ 23

Hình 18: Giao diện trang log in............................................................................................... 24

Hình 19: Giao diện trang quản trị............................................................................................ 24

Hình 20: Giao diện thêm ngôn ngữ Tiếng Việt....................................................................... 25

Hình 21: Download gói ngôn ngữ Tiếng Việt......................................................................... 25

Hình 22: Giao diện import gói Tiếng Việt............................................................................... 26

Hình 23: Chọn ngôn ngữ Tiếng Việt làm ngôn ngữ mặc ịnh................................................ 26

Hình 24: Giao diện trang quản trị sau khi ược việt hóa......................................................... 27

Hình 25: Giao diện chỉnh sửa ngôn ngữ.................................................................................. 28

Hình 26: Giao diện chỉnh sửa chi tiết tài nguyên chuỗi........................................................... 28

Hình 27: Giao diện cấu hình cửa hàng.................................................................................... 29

lOMoARcPSD| 37186047

Hình 28: Giao diện chỉnh sửa chi tiết thông tin cửa hàng....................................................... 29

Hình 29: Giao diện chỉnh sửa chi tiết thông tin cửa hàng....................................................... 30

Hình 30: Giao diện thêm quốc gia mới.................................................................................... 31

Hình 31: Giao diện danh mục thuế.......................................................................................... 32

Hình 32: Giao diện thêm ti  u bang/tỉnh mới........................................................................... 32

Hình 33: Giao diện quản lý Cài ặt bảo mật............................................................................ 33

Hình 34: Giao diện CAPTCHA............................................................................................... 34

Hình 35: Giao diện PDF.......................................................................................................... 35

Hình 36: Giao diện cài ặt GDPR........................................................................................... 36

Hình 37: Bi  u ồ ngữ cảnh của hệ thống................................................................................. 39

Hình 38: Giao diện ăng nhập vào trang quản trị.................................................................... 53

Hình 39: Giao diện vào trang chủ quản trị............................................................................... 53

Hình 40: Giao diện trang chủ trang quản trị............................................................................ 54

Hình 41: Giao diện trang quản trị danh sách sản phẩm........................................................... 56

Hình 42: Giao diện chỉnh sửa chi tiết sản phẩm...................................................................... 56

Hình 43: Giao diện chỉnh sửa giá tiền sản phẩm.........................................................................

Hình 44: Giao diện thêm hình ảnh sản phẩm...............................................................................

57 Hình 45: Giao diện thuộc tính ặc i  m kĩ thuật của sản phẩm vừa tạo...................................

Hình 46: Danh sách loại sản phẩm ã tạo............................................................................. 58

Hình 47: Giao diện nhóm sản phẩm ược tạo........................................................................ 59

Hình 48: Giao diện thông tin nhóm sản phẩm.............................................................................

Hình 49: Giao diện danh sách các nhà sản xuất.......................................................................... 60

Hình 50: Giao diện ánh giá sản phẩm........................................................................................ 60

Hình 51: Giao diện thẻ sản phẩm..................................................................................................

Hình 52: Giao diện các thuộc tính ặc i  m kĩ thuật.................................................................. 61

Hình 53: Giao diện chỉnh sửa chi tiết thuộc tính ặc i  m kĩ thuật.......................................... 62

Hình 54: Giao diện danh sách ơn ặt hàng............................................................................ 62

Hình 55: Giao diện chỉnh sửa chi tiết ơn ặt hàng.................................................................... 63

lOMoARcPSD| 37186047

Hình 56: Giao diện thông tin thanh toán ơn ặt hàng............................................................... 63

Hình 57: Giao diện danh sách sản phẩm trong ơn ặt hàng..................................................... 64

Hình 58: Giao diện sau khi chỉnh sửa tình trạng ơn ặt hàng.................................................. 64

Hình 59: Giao diện danh sách thẻ quà tặng..................................................................................

Hình 60: Giao diện chỉnh sửa chi tiết thẻ quà tặng..................................................................... 65

Hình 61: Giao diện danh sách khách hàng...................................................................................

Hình 62: Giao diện chỉnh sửa chi tiết khách hàng.......................................................................

66 Hình 63: Giao diện vai trò khách

hàng......................................................................................... 67

Hình 64: Giao diện chỉnh sửa chi tiết nhóm khách hàng ã ăng ký......................................... 67

Hình 65: Giao diện danh sách khách hàng ang trực tuyến....................................................... 68

Hình 66: Giao diện danh sách mã giảm giá.................................................................................

Hình 67: Giao diện chi tiết giảm giá.............................................................................................

Hình 68: Giao diện danh sách ăng ký nhận bản tin................................................................... 69

Hình 69: Giao diện trang quản trị danh sách trang bi  u mẫu tin nhắn.......................................

Hình 70: Giao diện trang quản trị chi tiết bi  u mẫu tin nhắn.....................................................

Hình 71: Giao diện cài ặt chung................................................................................................. 71

Hình 72: Giao diện cài ặt khách hàng........................................................................................ 71

Hình 73: Giao diện trang quản trị cài ặt ơn hàng.................................................................... 72

Hình 74: Giao diện trang quản trị cài ặt giao hàng.................................................................... 72

Hình 75: Giao diện cài ặt thuế.................................................................................................... 73

Hình 76: Giao diện cài ặt danh mục hàng hóa........................................................................... 73

Hình 77: Giao diện trang quản trị cài ặt giỏ hàng..................................................................... 74

Hình 78: Giao diện cấu hình tài khoản email..............................................................................

Hình 79: Giao diện trang quản trị cấu hình cửa hàng..................................................................

lOMoARcPSD| 37186047

Hình 80: Giao diện cấu hình cửa hàng.........................................................................................

Hình 81: Giao diện thông tin hệ thống.........................................................................................

Hình 82: Giao diện trang chủ........................................................................................................

Hình 83: Giao diện trang sản phẩm phần danh mục................................................................... 77

Hình 84: Giao diện trang sản phẩm phần danh sách................................................................... 78

Hình 85: Giao diện trang sản phẩm phần chi tiết sản phẩm....................................................... 78

Hình 86: Giao diện trang giỏ hàng...............................................................................................

Hình 87: Giao diện ịa chỉ thanh toán.......................................................................................... 79

Hình 88: Giao diện phương pháp vận chuy  n.............................................................................

Hình 89: Giao diện phương thức thanh toán................................................................................

Hình 90: Giao diện thông tin thanh toán......................................................................................

Hình 91: Giao diện xác nhận ơn hàng........................................................................................ 81

Hình 92: Giao diện hóa ơn ặt hàng........................................................................................... 82

LỜI NÓI ĐẦU

nopCommerce là một website bán hàng hoàn toàn tuỳ chỉnh. Mang lại sự ổn ịnh và rất

có ích. nopCommerce là một mã nguồn mở, giải pháp thương mại iện tử có chứa cả một lối

vào cửa hàng và có công cụ quản trị phù hợp. Giải pháp ó là dựa trên ASP.NET 3.5 phụ trợ cơ

sở dữ liệu MS SQL. Trên nopCommerce có mọi thứ bạn cần  bắt ầu bán hàng hoá vật chất

kỹ thuật số thông qua Internet.

nopCommerce hoạt ộng theo mô hình kinh doanh B2C(Business to Customers)

nopCommerce có khởi ộng và hoạt ộng chỉ trong vài phút, chỉ cần tải phần mềm, cài ặt và làm

theo hướng dẫn tại ịa chỉ http://www.nopcommerce.com/downloads.aspx. nopCommerce ược

phát tri  n  tận dụng các công nghệ mới nhất hiện có. Với kiến trúc pluggable của nó, bổ

lOMoARcPSD| 37186047

sung chức năng và các yếu tố trình bày có th  ược tự ộng thêm vào ứng dụng tại thời gian

hoạt ộng.

Tìm kiếm các nguồn URL thân thiện úng với cấu trúc nội dung và các sản phẩm, bạn sẽ

thấy rằng nopCommerce ược xây dựng  giúp khách hàng của bạn xác ịnh vị trí nội dung

của bạn một cách dễ dàng.

CHƯƠNG I

GIỚI THIỆU PHẦN MỀM NGUỒN MỞ NOPCPOMMERCE

1.1. Giới thiệu mã nguồn mở

1.1.1. Khái niệm về mã nguồn mở & mã nguồn mở

Phần mềm nguồn mở là phần mềm với mã nguồn ược công bố và sử dụng một giấy phép

nguồn mở. Giấy phép này cho phép bất cứ ai cũng có th  nghiên cứu, thay ổi và cải tiến phần

mềm và phân phối phần mềm ở dạng chưa thay ổi hoặc ã thay ổi.

Mã nguồn mở là những phần mềm ược cung cấp dưới cả dạng mã và nguồn, không chỉ

là miễn phí về giá mua mà chủ yếu là miễn phí về bản quyền: người dùng có quyền sửa ổi, cải

tiến, phát tri  n, nâng cấp theo một số nguyên tắc chung qui ịnh trong giấy phép Phần Mềm

Nguồn Mở (ví dụ General Public Licence – GPL) mà không cần xin phép ai, iều mà họ không

ược phép làm ối với các phần mềm nguồn óng (tức là phần mềm thương mại). Nhìn chung,

thuật ngữ “Open source” ược dùng  lôi cuốn các nhà kinh doanh, một iều thuận lợi chính là

sự miễn phí và cho phép người dùng có quyền “sở hữu hệ thống”.

Nhà cung cấp mã nguồn mở có quyền yêu cầu người dùng trả một số chi phí về các dịch

vụ bảo hành, huấn luyện, nâng cấp, tư vấn, v.v… tức là những dịch vụ thực sự ã thực hiện 

phục vụ người dùng nhưng không ược bán các sản phẩm nguồn mở vì nó là tài sản của trí tuệ

chung, không phải là tài sản riêng của một nhà cung cấp nào.

Tiện ích mà Open Source mang lại chính là quyền tự do sử dụng chương trình cho mọi

mục ích, quyền tự do  nghiên cứu cấu trúc của chương trình, chỉnh sửa phù hợp với nhu cầu,

lOMoARcPSD| 37186047

truy cập vào mã nguồn, quyền tự do phân phối lại các phiên bản cho nhiều người, quyền tự do

cải tiến chương trình và phát hành những bản cải tiến vì mục ích công cộng.

1.1.2. Lợi ích của việc sử dụng mã nguồn mở

Giảm chi phí

Lợi ích lớn nhất trong việc chuy  n ổi sang phần mềm tự do nguồn mở là giảm tổng

chi phí sở hữu, từ các yếu tố sau:

- Miễn phí bản quyền phần mềm.

- Miễn phí các phiên bản nâng cấp trong toàn bộ vòng ời sử dụng sản phẩm.

- Giảm chi phí phát tri  n phần mềm áp ứng theo yêu cầu nghiệp vụ (sử dụng phần mềm, mô

un có sẵn  phát tri  n tiếp, sửa ổi iều chỉnh cho phù hợp với nghiệp vụ).

- Mức chi phí tiết kiệm khoảng 75 - 80% so với phần mềm license ngay trong năm ầu tiên.

Khả năng triển khai / tái sử dụng tài nguyên hệ thống

- Kéo dài thời gian sử dụng/tái sử dụng các phần cứng, thiết bị trong khi vẫn ảm bảo hiệu

năng toàn hệ thống.

- Chi phí ầu tư, vận hành hệ thống tập trung cho các dịch vụ “hữu hình” em lại giá trị trực

tiếp, thiết thực cho tổ chức như: tư vấn, sửa ổi theo yêu cầu, tri  n khai, ào tạo, bảo trì, nâng

cấp hệ thống...

Khả năng phát triển ộc lập và chủ ộng

Giảm tối a sự phụ thuộc vào một vài nhà cung cấp phần mềm dẫn ến dịch vụ kém (do không

có cạnh tranh), hoặc “bị ép” trong các trường hợp cần àm phán về chi phí, dịch vụ (mỗi FLOSS

có th  có nhiều nhà cung cấp dịch vụ tương tự), nâng cấp phần mềm, mở rộng hệ thống (với

mã nguồn trong tay, có th  dễ dàng nâng cấp, mở rộng hệ thống theo yêu cầu

trong mỗi giai oạn phát tri  n).

Đối với các hệ thống ang hoạt ộng, chủ ộng thực hiện chuy  n ổi sẽ tránh ược “nguy

cơ” bị phạt vi phạm bản quyền và/hoặc bị “bắt buộc” mua license.

Phát triển thương hiệu

Tăng tính thương hiệu cho doanh nghiệp khi giới thiệu ược với cộng ồng, ối tác, khách

hàng ( ặc biệt là ngoài nước) là chúng tôi ã chuy  n ổi thành công và 100% không vi phạm

bản quyền.

lOMoARcPSD| 37186047

Tính bảo mật

Tăng cường ộ tin cậy (có th  ki  m chứng không có mã ộc với mã nguồn ược phân

phối kèm), ổn ịnh (tuân theo các chuẩn mở ứng dụng lâu dài), tính an toàn, bảo mật (theo báo

cáo của Gartner & nhiều tổ chức phân tích ộc lập) toàn hệ thống.

1.1.3. Ứng dụng của mã nguồn mở

Open source ã ược chấp nhận trong các công ty lớn. Nhiều hợp ồng lớn ã chấp nhận phần mềm

Open Source, chẳng hạn như tại IBM, Oracle và Sun. Thậm chí Microsoft ã phải lưu tâm ến

Open Source như ối thủ to lớn.

Với Open Source, việc phân phối và phát tri  n là một phương pháp lâu dài  tạo ra

phần mềm, người mua ược cung cấp cả giải pháp phần mềm lẫn những dòng mã có giấy phép

Open Source. Hơn nữa, các doanh nghiệp vừa và nhỏ cũng sẽ ưa chuộng phần mềm Open

Source hơn.

Hiện nay ã có một số tổ chức dự ịnh sử dụng Open Source  xây dựng nhân tố cốt lõi

của hệ thống từ hệ iều hành, cơ sở dữ liệu, ứng dụng và Web server… ến các hệ thống quản trị

nội dung và nhiều phần mềm kinh doanh thông minh.

Mặc dù con ường  free software khẳng ịnh vị trí vẫn còn dài, nhưng áng chú ý là

Open Source ã giành ược khoảng 70% thị trường ứng dụng Web, và dường như con số này vẫn

tiếp tục tăng lên hàng năm.

Bằng cách này, cả công ty lẫn khách hàng ều có lợi. Về phía khách hàng, họ ược dùng

phần mềm chất lượng tốt, hỗ trợ khách hàng ầy ủ với giá rẻ. Về phía nhà cung cấp, dựa trên

Open Source, tiết kiệm áng k  các chi phí về phát tri  n, ki  m lỗi, quản lý dự án. Đồng

thời, nhân lực của họ lại nhanh chóng nâng cao trình ộ, giảm bớt thời gian làm việc “chân tay”

khi tiếp nhận source code có “giá trị” và “chất lượng” từ những Open Source ược xây dựng

chuyên nghiệp, cấu trúc phần mềm, lập trình,… tốt ngay từ ầu.

Lý do chọn phần mềm mã nguồn mở ể xây dựng website bán hàng

Dễ dàng sử dụng

Với mã nguồn mở chúng ta không cần phải có kiến thức lập trình cao cấp mà vì các thao

tác trong mã nguồn mở ều rất ơn giản nên có th  dễ dàng sử dụng. Ưu i  m này cũng chính

là lời giải thích cho câu hỏi tại sao hiện nay nhiều ơn vị sử dụng mã nguồn mở  thiết kế

website.

lOMoARcPSD| 37186047

Cộng ồng hoạt ộng tích cực

Tất cả các thông tin về mã nguồn mở ều ược cộng ồng người sử dụng chia sẻ một cách

rộng rãi trên Internet vì vậy khi gặp phải bất kỳ sự cố nào chúng ta cũng có th  nhận ược sự

hỗ trợ, giao lưu từ họ. Đây cũng chính là ộng lực  góp phần thúc ẩy sự phát tri  n mạnh

mẽ của thiết kế website bằng mã nguồn mở.

Cập nhật và sửa lỗi nhanh chóng

Các website ược xây dựng trên nền tảng mã nguồn mở ều có tốc ộ cập nhật phiên bản

mới cũng như sửa lỗi một cách nhanh chóng, giúp chúng ta tiết kiệm ược thời gian.

Dễ tối ưu SEO

Mã nguồn mở sẽ có sẵn các giao diện thiết kế  chúng ta lựa chọn ồng thời có sẵn các

công cụ  tối ưu SEO một cách dễ dàng cho website. Vì vậy chúng ta chỉ cần cập nhật lại các

yếu tố như thẻ tiêu ề, từ khóa, thẻ mô tả,...

Hỗ trợ nhiều ngôn ngữ

Mã nguồn mở hỗ trợ a dạng ngôn ngữ khác nhau trong ó một số có cả tiếng Việt nên có

th  dễ dàng thiết kế, quản trị, iều chỉnh và sửa ổi mà không lo gặp phải rào cản về ngôn ngữ.

Giao diện tương thích với tất cả các thiết bị

Những website ược thiết kế bằng mã nguồn mở có giao diện tương thích với tất cả các

thiết bị từ iện thoại di ộng, máy tính bảng ến PC (máy tính  bàn); chạy tốt trên mọi hệ iều

hành và kích cỡ màn hình – một trong các yêu cầu tối thi  u khi thiết kế web hiện nay, nên có

th  nói mã nguồn mở ang ược rất nhiều khách hàng mong muốn sử dụng.

1.2. Giới thiệu về NOPCOMMERCE

Hình 1: Logo framework nopCommerce

lOMoARcPSD| 37186047

1.2.1. Khái niệm về nopCommerce

NOPCOMMERCE là một giải pháp thương mại iện tử mã nguồn mở dựa trên nền tảng

ASP.NET MVC 5.0 kết hợp với cơ sở dữ liệu MS SQL 2008 (hoặc lớn hơn). Được cung cấp

dưới dạng giấy phép nopCommerce Public V3 và chính thức ra mắt vào tháng 10 năm 2008

cho doanh nghiệp vừa và nhỏ.

nopCommerce là một nền tảng thương mại iện tử an toàn và có khả năng mở rộng. Tích

hợp sẵn công cụ quản trị  quản lý gian hàng, khách hàng, danh sách ưa thích, khuyến mãi.

Ngoài ra cũng hỗ trợ nhiều gian hàng, nhiều nhà phân phối, kho hàng, a ngôn ngữ, các loại ơn

vị tiền tệ và thuế, cũng như hố trợ các cổng thanh toán phổ biến như: Authorize.net, PayPal,

Google Checkout, và nhiều loại khác. nopCommerce có giao diện responsive linh

hoạt với các thiết bị di ộng. nopCommerce chạy ở chế ộ Medium Trust.

Theo thống kê của builwith thực hiện trong năm 2015, thị phần nopCommerce ạt

khoảng 3% trong số những nền tảng thương mại iện tử phổ biến nhất. nopCommerce lọt vào

chung kết trong giải thưởng thương mại mã nguồn mở Packt (Packt Open Source ECommerce

Award) năm 2010 và 2011.

nopCommerce với hơn 400.000 lượt tải về là tỷ lệ cao nhất và cũng nằm trong top 5

những ứng dụng ược tải về nhiều nhất ược cung cấp bởi Microsoft Web Platform Installer.

Đó cũng là ứng dụng ứng thứ 11 trong lượt tải về nhiều nhất từ Codeplex.

1.2.2. Một số ưu và nhược iểm chung của nopCommerce

Ưu iểm

• Là một website mã nguồn mở, ược viết bằng ASP.NET C#.

• Đơn giản, linh hoạt và dễ tuỳ biến theo yêu cầu nghiệp vụ của từng site (từng

khách hàng).

• Có giao diện thân thiện cho người dùng, có nhiều mẫu và chủ ề cho người dùng

lựa chọn, ví dụ như darkOrange, nopClassic,…

• Hỗ trợ rất nhiều gói ngôn ngữ cho người dùng, ví dụ như gói ngôn ngữ tiếng Anh,

Ý, Trung Quốc,…

Nhược iểm

• Chưa hỗ trợ ược gói ngôn ngữ bằng Tiếng Việt.

lOMoARcPSD| 37186047

• Chưa có ược nhiều mẫu và chủ ề  giúp cho khách hàng có th  lựa chọn thay

ổi trên Website của mình.

• Chưa hỗ trợ về các hình thức quảng cáo trực tiếp trên Website .

• Cộng ồng lập trình nopCommerce còn khá ít.

1.2.3. Chức năng

a) Chức năng về chủng loại hàng

- Không giới hạn số sản phẩm.

- Hổ trợ về các chủng loại hàng và nhà sản xuất.

- Sản phẩm có th  ược ánh xạ tới nhiều hơn một loại hoặc nhà sản xuất.

- Không cần xác ịnh người mua hàng.

- Trang thanh toán riêng biệt.

- Thẻ quà tặng.

- Sản phẩm theo ịnh kỳ.

- Hổ trợ cho bộ sản phẩm (ví dụ chức năng xây dựng máy tính cho riêng bạn).

- Hỗ trợ a ngôn ngữ.

- Công cụ cân, o.

- Thời gian thực tỷ giá trao ổi tiền tệ (ECB).

- Hỗ trợ SSL (Secure Sockets Layer).

- Xuất, nhập file (XML,EXCEL).

- Biên lai dạng PDF.

- Tuỳ chỉnh thiết kế 100% (bằng cách sử dụng các mẫu).

lOMoARcPSD| 37186047

- Thiết lập danh sách các quốc gia (dùng  ăng ký, thanh toán, vận chuy  n).

- Quyền truy cập.

- Nhật ký hệ thống.

- Chat trực tuyến.

- Thông báo bằng SMS.

- Bảo trì hệ thống(Backup/ restore Database).

- Đặt hàng lại.

- Giỏ mua hàng thu nhỏ.

- Tuân thủ chuẩn W3C(XHTML).

b) Đặc tính sản phẩm

- Thuộc tính sản phẩm (ví dụ như màu sắc, kích cỡ …).

- Quản lý mặt hàng trong kho dựa theo các thuộc tính sản phẩm (như màu sắc,

trọng lượng, kích cỡ …).

- Thẻ sản phẩm.

- Thiết lập các thuộc tính thanh toán (ví dụ như quà tặng, tin nhắn i kèm, …).

- Thiết lập các thuộc tính của khách hàng (như ngày sinh, số iện thoại, …).

- Giá ưu ãi dành cho khách hàng thân thuộc.

- Cho phép khách hàng nhập vào giá sản phẩm (nếu ược kích hoạt).

- Cho phép chủ cửa hàng ược ẩn giá sản phẩm cho khách hàng chưa ăng ký.

- Hỗ trợ nhiều hình ảnh cho mỗi sản phẩm.

- Tự ộng thay ổi kích thước hình ảnh.

- Hỗ trợ sản phẩm tải về (ví dụ như CD, phần mềm,…).

- Sản phẩm tải về, kèm theo giấy phép sử dụng.

- Sản phẩm tải về có thoả thuận với người sử dụng.

lOMoARcPSD| 37186047

c) Tiếp thị và khuyến mãi -

Hệ thống i  m thưởng.

- Khả năng thiết kế về chủng loại, nhà sản xuất, hoặc sản phẩm.

- Hỗ trợ sản phẩm liên quan.

- Quản lý tiếp thị (email tiếp thị).

- Nhóm khách hàng có th  ược miễn phí vận chuy  n hàng hoá.

- Nhóm khách hàng có th  ược miễn thuế.

- Hỗ trợ các phiếu giảm giá.

- Giảm số tiền có th  là một giá trị cố ịnh hoặc theo phần trăm (%).

- Quy ịnh một ngày bắt ầu và một ngày kết thúc của ợt giảm giá.

- Giảm giá có th  quy ịnh trên từng sản phẩm.

- Giảm giá có th  quy ịnh trên từng chủng loại.

- Giảm giá có th  ược quy ịnh chung cho toàn hệ thống.

- Giảm giá có th  ược lọc bởi một vai trò khách hàng.

- Đã có mua các dòng sản phẩm theo yêu cầu giảm giá

- Đã có mua một sản phẩm theo yêu cầu giảm giá.

- Chỉ một thời gian giảm giá.

- Giảm giá một lần cho mỗi khách hàng.

- Giảm giá tính vào phí vận chuy  n.

- Giảm giá theo số lượng (giá ưu ãi).

- Trang liên kết sản phẩm mới nhất, RSS.

- Hi  n thị trang sản phẩm vừa xem.

- Tuỳ chọn miễn phí vận chuy  n và ánh giá sản phẩm (nếu kích hoạt).

- Lưu các mục tin tức hỗ trợ, tin tức RSS, ý kiến.

- Hỗ trợ các cuộc thăm dò.

- Hỗ trợ lưu trữ Blog.

- Hỗ trợ diễn àn.

- Hỗ trợ các chương trình liên kế.

lOMoARcPSD| 37186047

d) Vận chuyển Các dịch vụ vẩn chuyển

- UPS

- USPS

- FedEx

- Australia Post

- Canada Post

Cách tính toán vận chuyển

- Tính toán vận chuy  n theo lệnh tổng số.

- Tính toán vận chuy  n theo trọng lượng.

- Tính toán vận chuy  n theo quốc gia .

- Thêm phí vận chuy  n theo sản phẩm.

- Xác ịnh tất cả các mặt hàng như là miễn phí vận chuy  n.

- Bao bì phiếu.

- Miễn phí vận chuy  n cho từng nhóm khách hàng.

1.2.4. Tải mã nguồn của nopCommerce

Đ  tải bộ mã nguồn của nopCommerce truy cập vào ịa chỉ:

https://www.nopcommerce.com/

Sau ó bấm vào mục DOWNLOAD:

lOMoARcPSD| 37186047

Hình 2: Trang chủ nopCommerce

Hình 3: Phần Download

Bấm vào link DOWNLOAD hệ thống sẽ tự ộng tải xuống file nén

lOMoARcPSD| 37186047

Hình 4: Trang DOWNLOAD của nopCommerce

lOMoARcPSD| 37186047

CHƯƠNG II

CÀI ĐẶT NOPCOMMERCE

2.1. Giới thiệu về ONEDATA

Onedata.vn là một trong nhiều nhà cung cấp dịch vụ hosting.

Hình 5: Trang chủ của ONEDATA

2.2. Đăng kí host và tên miền

Hình 6: Thuê hosting windows

lOMoARcPSD| 37186047

Hình 7: Bảng giá lựa chọn gói hosting

Sau khi lựa chọn ược giá hosting phù hợp ta bấm chọn nút ăng ký. Ở ây em ăng ký gói

WIN03.

Hình 8: Đăng ký tên miền và ki  m tra tên miền

lOMoARcPSD| 37186047

Hình 9: Giao diện sau khi ăng ký tên miền

Sau khi ăng ký tên miền thành công, sẽ phải khai báo thông tin cá nhân và tài khoản

gmail. Hệ thống sẽ gửi lại thông tin về tài khoản hosting ã khởi tạo.

Hình 10: Thông tin ăng nhập hosting

lOMoARcPSD| 37186047

Hình 11: Giao diện ăng nhập vào Plesk

Sau khi ăng nhập thành công chúng ta ã có một website với ịa chỉ truy cập, chọn quản lí website

 vào trang quản trị của website, ở ây chúng ta có th  bắt ầu upload source code của website

và khởi tạo Database.

Dưới ây là phần ịa chỉ sẽ sử dụng  cài ặt nopCommerce chạy website trên

Internet:

http://anhthuycomputer.com

Hình 12: Giao diện trang quản trị website

lOMoARcPSD| 37186047

Hình 11, 12 là trang quản trị hosting của tên miền vừa tạo, tại ây chúng ta có th  quản

trị Source Files, Database, Domain(tên miền website)....: http://anhthuycomputer.com

2.3. Upload file và cài ặt nopCommerce trên hosting

Có nhiều cách  upload file lên hosting, chúng ta có th  tải file nén với ịnh dạng

.zip hoặc sử dụng phần mềm upload: filezilla, SmartFTP...  upload qua ftp của hosting.

Upload file nén của nopCommerce và giải nén trong thư mục httpdocs, di chuy  n

các phần tử từ thư mục upload ra ngoài thư mục httpdocs, xóa các phần tử không dùng ến.

Lưu ý: Chỉ xóa các file không cần thiết trong thư mục httpdocs.

Hình 13: Các phần tử sau khi ược upload và giải nén

Đến ây các file cần thiết của nopCommerce ã sẵn sàng cho quá trình cài ặt.

2.4. Cài ặt nopCommerce

Bước 1: Tạo Database

Vào phần Databases ở trang quản trị host, bấm vào tạo Add Database  tạo một Database

và tài khoản người dùng Database mới.

lOMoARcPSD| 37186047

Hình 14: Giao diện tạo Database và tài khoản người dùng Database

Hình 15: Database và tài khoản người dùng Database ã tạo

Bước 2: Truy cập vào ịa chỉ: http://anhthuycomputer.com ã tạo ở mục trên  khởi ộng quá

trình cài ặt của nopCommerce.

lOMoARcPSD| 37186047

Hình 16: Form thông tin tạo tài khoản quản trị viên và thông tin cơ sở dữ liệu

Hình 17: Hình ảnh sau khi cài ặt nopCommerce thành công

Truy cập ịa chỉ http://anhthuycomputer.com/login  vào giao diện login trang quản trị,

ăng nhập bằng tài khoản vừa tạo ở bước trên ta sẽ vào ược trang quản trị website của

nopCommerce.

lOMoARcPSD| 37186047

Hình 18: Giao diện trang ăng nhập

Hình 19: Giao diện trang quản trị

2.5. Việt hóa các chức năng người dùng

Đầu tiền chúng ta phải ăng nhập vào trang quản trị website, chọn mục

Configuration→Languages chọn Add new  tạo ngôn ngữ Tiếng Việt. Nhập vào form thông

tin ngôn ngữ Tiếng Việt.

lOMoARcPSD| 37186047

Hình 20: Giao diện thêm ngôn ngữ Tiếng Việt

Từ phiên bản nopCommerce 3.90 và hiện tại là phi  n bản 4.20 ta có th  truy cập vào

https://www.nopcommerce.com/en/ → downloads → Translation  tải gói ngôn ngữ Tiếng

Việt.

Hình 21: Download gói ngôn ngữ Tiếng Việt

Sau khi tải xong, ta import gói ngôn ngữ Tiếng Việt  việt hóa

lOMoARcPSD| 37186047

Hình 22: Giao diện import gói Tiếng Việt

Hình 23: Chọn ngôn ngữ Tiếng Việt làm ngôn ngữ mặc ịnh

lOMoARcPSD| 37186047

Hình 24: Giao diện trang quản trị sau khi ược việt hóa

Như thế cũng là chưa xong, vì chúng ta chỉ việt hóa cho các nút và giao diện thôi, vì khi

chúng ta qua ra Dashboard chúng ta sẽ thấy message.

You don't have localized version of message template [Blog.BlogComment] for

Vietnam.

Create it now

You don't have localized version of message template

[Customer.EmailValidationMessage] for Vietnam.

Create it nowYou don't have localized version of message template

[Customer.PasswordRecovery] for Vietnam. Create it now

………………..

- Đ  việt hóa cho những nội dung này, chúng ta vào Quản lý nội dung → Mẫu tin

nhắn  việt hóa.

- Ví dụ: click chỉnh sửa vào Blog.BlogComment, iền vào nội dung trong file

Blog.BlogComment.txt mà chúng ta download từ Nop.

Subject: %Store.Name%. Bình luận blog mới.

Body: <p><a href="%Store.URL%">%Store.Name%</a> <br />

Một bình luận blog mới ược tạo

"%BlogComment.BlogPostTitle%".</p>

lOMoARcPSD| 37186047

Và chúng ta lập lại cho tất cả các content như thế, cho ến khi nào không còn thấy message

vậy nữa.

Nếu bạn tìm thấy một lỗi trong dịch thuật hoặc muốn ặt tên tùy chỉnh, bạn có th  chỉnh

sửa tài nguyên chuỗi.

Chuy  n ến Cấu hình → Ngôn ngữ. Cửa sổ Ngôn ngữ ược hi  n thị:

Hình 25: Giao diện chỉnh sửa ngôn ngữ

Nhấp vào Chỉnh sửa, bên cạnh ngôn ngữ. Trong cửa sổ Chỉnh sửa chi tiết ngôn ngữ,

chọn bảng Tài nguyên chuỗi.

lOMoARcPSD| 37186047

Hình 26: Giao diện chỉnh sửa chi tiết tài nguyên chuỗi

2.6. Thiết lập thông tin cửa hàng

Theo mặc ịnh cài ặt nopCommerce, chỉ có một cửa hàng ược tạo và cần ược ịnh cấu

hình, như ược mô tả bên dưới.

Đ  thiết lập cửa hàng mặc ịnh, i ến Cấu hình → Cửa hàng.

Nhấp vào Chỉnh sửa bên cạnh một cửa hàng mặc ịnh  ịnh cấu hình nó.

Hình 27: Giao diện cấu hình cửa hàng

Hình 28: Giao diện chỉnh sửa chi tiết thông tin cửa hàng

lOMoARcPSD| 37186047

2.7. Thiết lập quốc gia

Phần này mô tả cách quản lý các quốc gia (nơi ặt khách hàng của bạn).

Đ  xác ịnh cài ặt quốc gia, i ến Cấu hình → Quốc gia.

Hình 29: Giao diện chỉnh sửa chi tiết thông tin cửa hàng

Thêm quốc gia mới

Bạn có th  Xuất danh sách các quốc gia của tất cả các quốc gia ã ược thêm vào hệ

thống hoặc Nhập bổ sung.

Hoặc bạn có th  thêm các quốc gia mới bằng tay. Đ  thêm quốc gia mới vào danh

sách của bạn, nhấp vào Thêm mới.

lOMoARcPSD| 37186047

Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com)

Hình 30: Giao diện thêm quốc gia mới

Trên bảng thông tin quốc gia, xác ịnh cài ặt quốc gia sau:

• Tên của ất nước.

• Chọn hộp ki  m Cho phép ăng ký ,  cho phép khách hàng ở quốc gia này ăng ký tài

khoản cửa hàng. Theo mặc ịnh, tất cả các quốc gia ang hoạt ộng. Nếu bạn cần giới hạn

số lượng quốc gia mà ăng ký hồ sơ ược chào ón, hãy hủy kích hoạt tất cả các quốc gia

mà bạn không muốn ưa vào.

• Cho phép thanh toán cho khách hàng ở quốc gia này.

• Cho phép vận chuy  n cho khách hàng ở quốc gia này.

• Nhập hai mã ISO của quốc gia này.

• Nhập mã ISO ba chữ cái của quốc gia này.

• Nhập mã ISO chữ số của quốc gia này.

• Chọn hộp ki  m Tiêu ề VAT ,  cho biết khách hàng ở quốc gia này ược tính thuế

VAT EU (Thuế giá trị gia tăng của Liên minh Châu Âu).

Ghi chú: Trường này chỉ ược sử dụng khi tùy chọn VAT EU ược bật trên trang Cài ặt thuế

(Cấu hình → Danh mục thuế → Cài ặt thuế).

Nhấn vào Lưu

lOMoARcPSD| 37186047

Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com)

Hình 31: Giao diện danh mục thuế

Thêm tiểu bang và tỉnh mới

Trên bảng iều khi  n Bang và Tỉnh , bạn có th  thêm ti  u bang và tỉnh của ất nước.

Hình 32: Giao diện thêm ti  u bang/tỉnh mới

lOMoARcPSD| 37186047

Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com)

Xác ịnh các chi tiết ti  u bang / tỉnh sau:

• Tên của một ti  u bang hoặc một tỉnh.

• Viết tắt cho tỉnh hoặc bang.

• Chọn hộp ki  m Xuất bản ,  xuất bản ti  u bang hoặc tỉnh trên trang web.

Trong trường Thứ tự hi  n thị, nhập thứ tự hi  n thị của tỉnh hoặc ti  u bang này. Giá

trị 1 ại diện cho ầu danh sách.

Nhấp vào Lưu.

2.8. Cài ặt hệ thống bảo vệ

Đ  quản lý Cài ặt bảo mật, hãy i tới Cấu hình → Cài ặt → Cài ặt chung. Khối Cài

ặt bảo mật ược hi  n thị trên trang Cài ặt chung:

Hình 33: Giao diện quản lý Cài ặt bảo mật

Xác ịnh Cài ặt bảo mật, như sau:

• Trong trường Quản trị khu vực IP ược phép, nhập ịa chỉ IP ược phép truy cập vào phụ

trợ. Đ  trống trường này nếu bạn không muốn hạn chế quyền truy cập vào phụ trợ.

Sử dụng dấu phẩy giữa các ịa chỉ IP (ví dụ: 127.0.0.10, 232.18.204.16).

• Đánh dấu Force SSL cho tất cả các trang Trang  thực thi SSL cho toàn bộ trang.

Điều này chỉ hữu ích khi bạn bật SSL trên các trang chi tiết cửa hàng của bạn.

lOMoARcPSD| 37186047

Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com)

Đánh dấu vào bảo vệ Bật XSRF cho khu vực quản trị  bật bảo mật XSRF cho tất cả

các trang trong khu vực quản trị. Giả mạo yêu cầu trên nhiều trang web, còn ược gọi là

tấn công bằng một cú nhấp chuột và viết tắt là CSRF hoặc XSRF, là một loại khai thác

ộc hại của trang web theo ó các lệnh trái phép ược truyền từ người dùng mà trang web

tin tưởng.

• Chọn tính năng bảo vệ Bật XSRF cho cửa hàng công cộng  bật bảo mật XSRF cho

các trang trong cửa hàng công cộng. Giả mạo yêu cầu trên nhiều trang web, còn ược gọi

là tấn công bằng một cú nhấp chuột hoặc cưỡi phiên và viết tắt là CSRF ( ôi khi ược phát

âm là lướt sóng) hoặc XSRF, là một loại khai thác ộc hại của trang web theo ó các lệnh

trái phép ược truyền từ người dùng mà trang web tin tưởng.

• Đánh dấu vào Bật honeypot  bật honeypot . Trong thuật ngữ máy tính, honeypot là

một cái bẫy ược thiết lập  phát hiện, làm chệch hướng hoặc, theo một cách nào ó,

chống lại các nỗ lực sử dụng trái phép các hệ thống thông tin.

• Trong trường Khóa mã hóa riêng , nhập khóa riêng mã hóa ược sử dụng  lưu trữ dữ

liệu nhạy cảm. Nhấp vào Thay ổi bất cứ lúc nào  thay ổi phím này. Tất cả dữ liệu

nhạy cảm ược mã hóa bằng khóa riêng này.

Bảng tiếp theo sẽ hi  n thị các cài ặt sau khi bật CAPTCHA ược chọn:

lOMoARcPSD| 37186047

Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com)

Hình 34: Giao diện CAPTCHA

• Hi  n thị CAPTCHA trên trang ăng nhập.

• Hi  n thị CAPTCHA trên trang ăng ký.

• Hi  n thị CAPTCHA trên trang quên mật khẩu.

• Hi  n thị CAPTCHA trên trang liên hệ với chúng tôi.

• Hi  n thị CAPTCHA trên danh sách 'email mong muốn cho một người bạn'.

• Hi  n thị CAPTCHA trên 'sản phẩm email cho bạn bè'.

• Nhập khóa công khai reCAPTCHA nếu ược bật.

• Nhập khóa riêng reCAPTCHA nếu bật.

2.9. Cài ặt PDF

Khi chạy một cửa hàng, bạn có th  cần các tệp PDF ược tạo tự ộng, như hóa ơn và iều

khoản thỏa thuận.

Đ  xác ịnh cài ặt PDF, hãy i tới Cấu hình → Cài ặt → Cài ặt chung và tìm bảng cài

ặt PDF:

lOMoARcPSD| 37186047

Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com)

Hình 35: Giao diện PDF

• Trong vùng logo PDF, kéo và thả tệp logo sẽ ược tải lên. Tệp hình ảnh này sẽ ược

hi  n thị trên hóa ơn ặt hàng PDF. Nên sử dụng một hình ảnh nhỏ.

• Trong trường văn bản chân trang hóa ơn (cột bên trái), nhập văn bản sẽ xuất hiện ở dưới

cùng của hóa ơn ược tạo (cột bên trái).

• Trong trường văn bản chân trang hóa ơn (cột bên phải), nhập văn bản sẽ xuất hiện ở dưới

cùng của hóa ơn ược tạo (cột bên phải).

Đánh dấu vào kích thước trang Letter nếu bạn muốn tài liệu PDF của mình có kích thước

trang Letter. Khi hộp ki  m này chưa ược sử dụng, kích thước trang A4 ược sử dụng

theo mặc ịnh.

• Đánh dấu Vô hiệu hóa ơn PDF cho các ơn ặt hàng ang chờ xử lý nếu bạn không muốn

khách hàng của mình có th  in hóa ơn PDF cho các ơn ặt hàng ang chờ xử lý.

lOMoARcPSD| 37186047

Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com)

Hình 36: Giao diện cài ặt GDPR

Cài ặt bổ sung sẽ cho phép bạn ghi lại nhật ký của các hoạt ộng sau:

• Đăng nhập "chấp nhận chính sách bảo mật".

• Đăng nhập "bản tin" ồng ý.

• Đăng nhập thay ổi hồ sơ người dùng.

Có th  thêm sự ồng ý trên trang web thương mại iện tử của mình bằng cách nhấp vào nút

Thêm sự ồng ý.

Trong khi thêm sự ồng ý, bạn có th  xác ịnh các tùy chọn khác nhau, chẳng hạn như:

• Nếu cần có sự ồng ý.

• Nếu sự ồng ý sẽ ược hi  n thị trong quá trình ăng ký.

• Nếu sự ồng ý sẽ ược hi  n thị trên trang thông tin khách hàng trong tài khoản của tôi.

2.10. Thiết lập thông tin email

- nopCommerce cho phép người dùng có th  cấu hình ược nhiều tài khoản email

khác nhau  phục vụ cho việc gửi email thông qua nopCommerce tới người dùng. Ví dụ như

email hỗ trợ, email quảng cáo, email liên hệ…

- Đ  thực hiện thêm email người dùng truy cập menu Cấu hình → Các tài khoản

lOMoARcPSD| 37186047

- Trong màn hình danh sách email thực hiện nhấn nút thêm mới  tới trang thêm

mới email. Sau ó iền ẩy ủ thông tin cấu hình email và nhấn Lưu  thực hiện quá trình thêm tài

khoản email.

CHƯƠNG III

ỨNG DỤNG XÂY DỰNG WEBSITE ANH THÚY COMPUTER

3.1. Giới thiệu về cửa hàng Anh Thúy Computer

Tên cửa hàng: Anh Thúy Computer

Sản phẩm kinh doanh: Máy tính, máy in, các linh kiện liên quan ến máy tính, máy in.

Địa chỉ: 266 Lê Lai – Ngô Quyền – Hải Phòng

Hiện tại cửa hàng mới giới thiệu sản phẩm thông qua các mạng xã hội như Facebook, Zalo,

một số các trang mua bán online.

3.2. Nghiệp vụ quản lí bán hàng tại cửa hàng Anh Thúy Computer. (Phát bi  u bài toán)

3.2.1. Quản lí sản phẩm

Quản trị viên sẽ tiến hành nhập các thông tin sản phẩm hiện có tại cửa hàng bao gồm:

giá bán, hình ảnh, loại sản phẩm,... Tương tự với các sản phẩm nhập mới của cửa hàng.

3.2.2. Quản lí nhóm sản phẩm

Các sản phẩm ược chia ra làm nhiều loại nhóm sản phẩm  thuận tiện trong công

tác quản lí, một sản phẩm có th  gán cho một hoặc nhiều loại sản phẩm.

3.2.3. Chiến lược quảng cáo cửa hàng

Khi cửa hàng có chương trình khuyến mại hoặc sản phẩm mới, chủ cửa hàng sẽ ưa

quảng cáo qua mặt hàng: Các phần quà tặng khi khách hàng mua sản phẩm tại cửa hàng,

tặng thẻ giảm giá, tặng thẻ bảo dưỡng,...

Đưa nội dung quảng cáo trên facebook, zalo, website phục vụ cho marketing

online.

lOMoARcPSD| 37186047

3.2.4. Giao hàng và thanh toán

Sau khi khách hàng ặt hàng, chủ cửa hàng sẽ nhận ược thông báo, tiến hành giao

hàng cho khách. Khách hàng sẽ ược thanh toán qua 2 hình thức là ship COD(Cash on

Delivery – thanh toán khi nhận hàng) hoặc chuy  n khoản qua tài khoản ngân hàng.

3.2.5. Báo cáo

Báo cáo thống kê bán hàng: sản phẩm ã xem, sản phẩm ã sửa, sản phẩm ã mua và

nhật kí làm việc của website, việc này cực kì thuận lợi trong việc nắm bắt ược tình hình

hoạt ộng kinh doanh của cửa hàng thay vì phương pháp thông kế trên giấy tờ truyền

thống gây ến sự thất lạc,… và mọi hoạt ộng làm việc trên website ều ược ghi lại một

cách tự ộng, dĩ nhiên chỉ người quản trị website mới xem ược.

3.2.6.

Biểu ồ ngữ cảnh của hệ thống

Hình 37: Bi  u ồ ngữ cảnh của hệ thống.

3.2.7. Cơ sở dữ liệu tổ chức lưu trữ

Khi thiết kế một phần mềm bán hàng online chúng ta chỉ cần quan tâm tới những

thông tin cần thiết cơ bản.

Bảng thiết kế dữ liệu của ơn ặt hàng:

STT

Tên trường

Kiểu trường

Độ

rộng

Diễn giải

int

Định danh

lOMoARcPSD| 37186047

OrderGuid

uniqueidentifier

Hướng dẫn ặt

hàng

StoreId

int

Định danh cửa

hàng

CustomerId

int

Định danh

khách hàng

BillingAddressId

int

Định danh ịa

chỉ thanh toán

ShippingAddressId

int

Định danh ịa

chỉ giao hàng

PickupAddressId

int

Định danh

chọn ịa chỉ

PickupInStore

int

Nhận tại cửa

hàng

OrderStatusId

int

Định danh tình

trạng ặt hàng

ShippingStatusId

int

Định danh tình

trạng giao hàng

PaymentStatusId

int

Định danh tình

trạng thanh

toán

PaymentMethodSystemName

nvarchar

MAX

Phương thức

thanh toán tên

hệ thống

CustomerCurrencyCode

nvarchar

MAX

Mã khách hàng

CurrencyRate

decimal

(18, 8)

Đơn vị tiền tệ

CustomerTaxDisplayTypeId

int

Định danh loại

hi  n thị thuế

khách hàng

VatNumber

nvarchar

MAX

Số VAT

lOMoARcPSD| 37186047

OrderSubtotalInclTax

decimal

(18, 4)

Tổng thuế ặt

hàng

OrderSubtotalExclTax

nvarchar

MAX

Tổng thuế phụ

ặt hàng

OrderSubTotalDiscountInclTax

nvarchar

MAX

Chiết khấu

tổng thuế ặt

hàng

OrderSubTotalDiscountExclTax

nvarchar

MAX

Chiết khấu

tổng thuế phụ

ặt hàng

OrderShippingInclTax

nvarchar

MAX

Tổng thuế giao

hàng

OrderShippingExclTax

nvarchar

MAX

Tổng thuế phụ

giao hàng

PaymentMethodAdditionalFeeIncl

Tax

nvarchar

MAX

Phương thức

thanh toán phí

bổ sung thuế

PaymentMethodAdditionalFeeExcl

Tax

nvarchar

MAX

Phương thức

thanh toán phí

bổ sung bao

gồm thuế

TaxRates

nvarchar

MAX

Thuế

OrderTax

nvarchar

MAX

Thuế ặt hàng

OrderDiscount

nvarchar

MAX

Giảm giá ơn

hàng

OrderTotal

nvarchar

MAX

Tổng số ơn

hàng

RefundedAmount

nvarchar

MAX

Hoàn tiền

lOMoARcPSD| 37186047

RewardPointsHistoryEntryId

int

Định danh lịch

sử i  m

thưởng

CheckoutAttributeDescription

nvarchar

MAX

Mô tả thuộc

tính của

Checkout

CheckoutAttributesXml

nvarchar

MAX

Thanh toán

thuộc tính Xml

CustomerLanguageId

int

Định danh

ngôn ngữ

khách hàng

AffiliateId

int

Định danh liên

kết

CustomerIp

nvarchar

MAX

Ip khách hàng

AllowStoringCreditCardNumber

bit

Cho phép lưu

trữ số thẻ tín

dụng

CardType

nvarchar

MAX

CardName

nvarchar

MAX

Tên thẻ

CardNumber

nvarchar

MAX

Số thẻ

MaskedCreditCardNumber

nvarchar

MAX

Số thẻ tín dụng

che mặt

CardCvv2

nvarchar

MAX

Thẻ Cvv2

CardExpirationMonth

nvarchar

MAX

Tháng hết hạn

thẻ

CardExpirationYear

nvarchar

MAX

Năm hết hạn

thẻ

lOMoARcPSD| 37186047

AuthorizationTransactionId

nvarchar

MAX

Định danh ủy

quyền giao

dịch

AuthorizationTransactionCode

nvarchar

MAX

Mã giao dịch

ủy quyền

AuthorizationTransactionResult

nvarchar

MAX

Kết quả giao

dịch ủy quyền

CaptureTransactionId

nvarchar

MAX

Nắm bắt giao

dịch

CaptureTransactionResult

nvarchar

MAX

Nắm bắt kết

quả giao dịch

SubscriptionTransactionId

nvarchar

MAX

Giao dịch ăng

ký

PaidDateUtc

datetime2

Ngày trả tiền

ShippingMethod

nvarchar

MAX

Phương pháp

vận chuy  n

ShippingRateComputationMethodS

ystemName

nvarchar

MAX

Phương thức

tính toán giá

vận chuy  n

tên hệ thống

CustomValuesXml

nvarchar

MAX

Giá trị tùy

chỉnh Xml

Deleted

bit

Đã xóa

CreatedOnUtc

datetime2

Tạo trên Uts

CustomOrderNumber

nvarchar

MAX

Số thứ tự ặt

hàng

Sau khi thiết kế dữ liệu trên mặt lý thuyết chúng ta tạo ược bảng cơ sở dữ liệu vật lý trên

database như sau:

lOMoARcPSD| 37186047

Bảng thiết kế dữ liệu của khách hàng ặt hàng:

STT

Tên trường

Kiểu trường

Độ

rộng

Diễn giải

int

Định danh

OrderGuid

uniqueidentifier

Hướng dẫn ặt

hàng

lOMoARcPSD| 37186047

Username

nvarchar

1000

Tên tài khoản

nvarchar

1000

EmailToRevalidate

nvarchar

1000

Email  xác

nhận lại

AdminComment

nvarchar

MAX

Quản trị viên

IsTaxExempt

int

Được miễn

thuế

AffiliateId

int

Định danh liên

kết

VendorId

int

Định danh nhà

cung cấp dữ

liệu thông tin

HasShoppingCartItems

bit

Có giỏ hàng

RequireReLogin

bit

Yêu cầu ăng

nhập

FailedLoginAttempts

int

Đăng nhập thất

bại

CannotLoginUntilDateUtc

datetime2

Không th 

ăng nhập cho

ến ngày

Active

bit

Hoạt ộng

Deleted

int

Đã xóa

IsSystemAccount

bit

MAX

Là tài khoản hệ

thống

SystemName

nvarchar

400

Tên hệ thổng

LastIpAddress

nvarchar

MAX

Địa chỉ IP cuối

cùng

CreatedOnUtc

datetime2

Tạo trên Utc

lOMoARcPSD| 37186047

LastLoginDateUtc

datetime2

Ngày ăng nhập

cuối cùng

LastActivityDateUtc

datetime2

Ngày hoạt

ộng cuối cùng

Utc

RegisteredInStoreId

int

Định danh

ăng ký tại cửa

hàng

BillingAddress_Id

int

Định danh ịa

chỉ thanh toán

ShippingAddress_Id

int

Định danh ịa

chỉ giao hàng

Sau khi thiết kế dữ liệu trên mặt lý thuyết chúng ta tạo ược bảng cơ sở dữ liệu vật lý trên

database như sau:

Bảng thiết kế dữ liệu của sản phẩm:

STT

Tên trường

Kiểu trường

Độ

rộng

Diễn giải

int

Định danh

lOMoARcPSD| 37186047

ProductTypeId

int

Định danh

ki  u sản

phẩm

ParentGroupedProductId

int

Định danh sản

phẩm ược

nhóm

VisibleIndividually

bit

Hi  n thị cá

nhân

Name

nvarchar

400

Tên

ShortDescription

nvarchar

MAX

Mô tả ngắn sản

phẩm

FullDescription

nvarchar

MAX

Mô tả ầy ủ sản

phẩm

AdminComment

nvarchar

MAX

Quản trị viên

ProductTemplateId

int

Định danh

mẫu sản phẩm

VendorId

int

Định danh tình

trạng giao hàng

PaymentStatusId

int

Định danh nhà

cung cấp

ShowOnHomepage

bit

Hi  n thị trên

trang chủ

MetaKeywords

nvarchar

400

Từ khóa

MetaDescription

nvarchar

MAX

Mô tả

MetaTitle

nvarchar

400

Tiêu ề

AllowCustomerReviews

bit

Cho phép

khách hàng

ánh giá

ApprovedRatingSum

int

Tổng xếp hạng

ược phê duyệt

lOMoARcPSD| 37186047

NotApprovedRatingSum

int

Tổng số xếp

hạng không

ược phê duyệt

ApprovedTotalReviews

int

Tổng số phê

duyệt

NotApprovedTotalReviews

int

Tổng số không

ược phê duyệt

SubjectToAcl

bit

Tiêu ề

LimitedToStores

bit

Giới hạn ối

với cửa hàng

ManufacturerPartNumber

nvarchar

400

Nhà sản xuất

một phần số

IsGiftCard

bit

Là một thẻ quà

tặng

GiftCardTypeId

int

Định dạng loại

thẻ quà tặng

OverriddenGiftCardAmount

decimal

(18, 4)

Số lượng thẻ

quà tặng bị ghi

RequireOtherProducts

bit

Yêu cầu các

sản phẩm khác

RequiredProductIds

nvarcher

1000

Sản phẩm bắt

buộc

AutomaticallyAddRequiredProducts

bit

Tự ộng thêm

sản phẩm cần

thiết

IsDownload

bit

Tải xuống

DownloadId

int

Định danh tải

xuống

lOMoARcPSD| 37186047

UnlimitedDownloads

bit

Giới hạn tải

xuống

MaxNumberOfDownloads

int

Số lượt tải tối

DownloadExpirationDays

int

Tải về ngày hết

hạn

DownloadActivationTypeId

int

Định danh tải

xuống loại kích

hoạt

HasSampleDownload

bit

Tải mẫu

SampleDownloadId

int

Định dạng tải

xuống mẫu

HasUserAgreement

bit

Có thỏa thuận

người dùng

UserAgreementText

nvarchar

MAX

Văn bản thỏa

thuận người

dùng

IsRecurring

bit

Đang tiến hành

RecurringCycleLength

int

Chiều dài chu

kỳ ịnh kỳ

RecurringCyclePeriodId

int

Định dạng

chiều dài chu

kỳ ịnh kỳ

RecurringTotalCycles

int

Chu kỳ ịnh kỳ

RentalPriceLength

int

Giá cho thuê

RentalPricePeriodId

int

Giá cho thuê

kỳ

IsShipEnabled

bit

Sip ược kích

hoạt

IsFreeShipping

bit

Miễn phí ship

lOMoARcPSD| 37186047

ShipSeparately

bit

Giao hàng tận

nơi

AdditionalShippingCharge

decimal

(18,4)

Phí vận

chuy  n bổ

sung

DeliveryDateId

int

Ngày giao

hàng

IsTaxExempt

bit

Được miễn

thuế

TaxCategoryId

int

Định danh

danh mục thuế

ManageInventoryMethodId

int

Quản lý

phương pháp

ki  m kê

ProductAvailabilityRangeId

int

Sản phẩm có

sẵn

UseMultipleWarehouses

bit

Sử dụng nhiều

kho

WarehouseId

int

Định danh Kho

hàng

StockQuantity

int

Số lượng cổ

phiếu

DisplayStockAvailability

bit

Hi  n thị

chứng khoán

sẵn có

DisplayStockQuantity

bit

Số lượng cổ

phiếu hi  n thị

MinStockQuantity

int

Số lượng cổ

phiếu thấp nhất

lOMoARcPSD| 37186047

LowStockActivityId

int

Định danh

hoạt ộng

chứng khoán

thấp

NotifyAdminForQuantityBelow

int

Thông báo cho

quản trị viên

về số lượng

CallForPrice

bit

Gọi  biết giá

Price

decimal

(18,4)

Giá

OldPrice

decimal

(18,4)

Giá cũ

HasDiscountsApplied

bit

Có giảm giá áp

dụng

Weight

decimal

(18,4)

Cân nặng

Length

decimal

(18,4)

Chiều dài

Width

decimal

(18,4)

Chiều rộng

Height

decimal

(18,4)

Chiều cao

AvailableStartDateTimeUtc

datetime2

Ngày bắt ầu có

sẵn

AvailableEndDateTimeUtc

datetime2

Ngày kết thúc

có sẵn

DisplayOrder

int

Thứ tự hi  n

thị

Published

bit

Được phát

hành

Deleted

bit

Đã xóa

Sau khi thiết kế dữ liệu trên mặt lý thuyết chúng ta tạo ược bảng cơ sở dữ liệu vật lý trên

database như sau:

lOMoARcPSD| 37186047

3.3. Một số ưu, nhược iểm khi xây dựng website bán hàng online.

Ưu iểm

- Tiết kiệm thời gian i lại của khách hàng và chi phí quản lý của cửa hàng.

- Không bị giới hạn khách hàng.

- Phát tri  n thương hiệu online.

- Quản lý dữ liệu nhanh chóng và chính xác.

lOMoARcPSD| 37186047

Nhược iểm

- Chưa áp ứng ược ộ tin cậy vì khách hàng, vì khách hàng vẫn muốn xem trực tiếp

sản phẩm.

- Độ bảo mật hệ thống chưa cao dẫn ến việc dễ ánh cắp dữ liệu.

3.4. Giới thiệu các chức năng của website Anh Thuý Computer

3.4.1. Giao diện quản trị người dùng

Truy cập vào trang quản trị website Anh Thúy Computer theo ịa chỉ:

http://anhthuycomputer.com/login?returnUrl=%2F

Nhập tài khoản và mật khẩu  ăng nhập:

Hình 38: Giao diện ăng nhập vào trang quản trị

Sau khi ăng nhập thành công và nhấp vào Quản trị giao diện trang quản trị sẽ hiện ra:

lOMoARcPSD| 37186047

Hình 39: Giao diện vào trang chủ quản trị

Hình 40: Giao diện trang chủ trang quản trị.

Trong ó có các tính năng như sau:

Mục lục:

• Tạo và thiết lập như tên sản phẩm, giá cả, hình ảnh nổi bật, nhà sản xuất, các thuộc tính,

thông số… nhằm th  hiện toàn bộ thông tin của một sản phẩm ở trên website.

• Thiết lập các sản phẩm một cách tốt nhất là bước quan trọng ối với một cửa hàng. Chắc

chắn không bỏ bất kỳ chi tiêt nào, như kích thước, tùy chọn màu sắc, mô tả, hình ảnh

sản phẩm  khách hàng có ược thông tin chính xác nhất mà chủ cửa hàng muốn cung

cấp tới khách hàng.

lOMoARcPSD| 37186047

Bán hàng:

• Cho phép quản trị viên dễ dàng theo dõi ơn hàng và việc vận chuy  n ơn hàng.

• Quản trị viên có th  theo dõi ược ơn hàng ang ở trạng thái nào: Đang chờ xử lý, Đang

xử lý, Hoàn thành, Đã hủy và cũng có th  xem ược tình trạng thanh toán ơn hàng, tình

trạng giao hàng,…

• Đ  truy cập vào menu Bán hàng → Đơn ặt hàng trong giao diện ơn ặt hàng, quản

trị viên có th  lọc nhanh  tìm kiếm các thông tin cần tra cứu.

Khách hàng:

• Những thống kê  chủ cửa hàng có th  biết ược thông tin khách hàng ã mua tổng

bao nhiêu tiền trên hệ thống, ã ặt bao nhiêu ơn hàng.

• Quản trị viên sẽ quản lý ược thông tin của khách hàng có trên hệ thống, tra cứu ược mọi

thông tin liên quan tới khách hàng như: Đơn ặt hàng của khách hàng, danh sách mong

muốn sẽ mua của khách hàng, giỏ hàng hiện tại ang ặt hàng những gì, lịch sử ăng nhập

hệ thống, cho phép người dùng gửi email trực tiếp tới khách hàng.

• Thực hiện tiếp thị sản phẩm tới khách hàng  có th  chuy  n ổi cơ hội mua hàng

của khách hàng.

• Cho phép quản trị viên hoặc nhữn tài khoản ược phân quyền có th  tạo ra các chiến

dịch tiếp thị sau ó gửi email tới khách hàng với nội dung ược thiết lập.

Khuyến mãi:

• Cho phép quản trị viên tạo hoặc thiết lập các quảng cáo  tiếp thị các sản phẩm của

cửa hàng ến khách hàng. Đồng thời khuyến khích các ối tác, nhà cung cấp liên kết 

tạo doanh thu và uy tín cho cửa hàng.

Quản lý nội dung:

• Quản trị viên hoặc những tài khoản ược phân quyền hoàn toàn có th  viết bài tin chia

sẻ, giới thiệu, tạo các cuộc thăm dò ý kiến của khách hàng  qua ó ưa ra những phương

hướng phát tri  n mới cho cửa hàng.

Cấu hình:

• Cho phép quản trị viên cài ược thêm nhiều các giao diện khác nhau khá giống với

lOMoARcPSD| 37186047

Wordpress. Quản trị viên có th  lên trang chủ của nopCommerce  tải về mẫu giao

diện phù hợp với nhu cầu của người dùng.

• Cho phép quản trị viên có th  mở rộng, chỉnh sửa, thay ổi các chức năng của cửa hàng.

Hình 41: Giao diện trang quản trị danh sách sản phẩm. ❖

Quản lý mục lục

Thêm sản phẩm : Đ  thêm mới sản phẩm chọn Mục lục → Các sản phẩm

→ nhấn vào nút Thêm mới, chọn tab ngôn ngữ Tiêu chuẩn.

Chúng ta sẽ nhập các thông tin cơ bản : Tên sản phẩm, Mô tả ngắn, Mô tả ầy

ủ.

lOMoARcPSD| 37186047

Hình 42: Giao diện chỉnh sửa chi tiết sản phẩm.

Chúng ta sẽ nhập giá cũ và giá bán hiện tại úng với giá của cửa hàng.

Hình 43: Giao diện chỉnh sửa giá tiền sản phẩm.

Tiếp theo chúng ta sẽ thêm hình ảnh minh họa cho sản phẩm: Tải lên một tài liệu → Chọn

ảnh muốn thêm → Thêm hình ảnh sản phẩm

Hình 44: Giao diện thêm hình ảnh sản phẩm.

Thêm thuộc tính ặc i  m kỹ thuật của sản phẩm bằng cách Thêm thuộc tính

lOMoARcPSD| 37186047

Hình 45: Giao diện thuộc tính ặc i  m kĩ thuật của sản phẩm vừa tạo.

Hình 46: Danh sách loại sản phẩm ã tạo.

Hệ thống sẽ hiện ra các tab chứa form: iền ầy ủ thông tin về loại sản phẩm cần tạo và ấn

vào nút Lưu. Quay lại danh sách ta sẽ xem ược loại sản phẩm vừa tạo.

lOMoARcPSD| 37186047

Thêm nhóm sản phẩm : Trên thanh menu chọn Mục lục → Nhóm sản phẩm ấn

vào nút Thêm mới

Hình 47: Giao diện nhóm sản phẩm ược tạo.

Ngoài ra ta cũng có th  chỉnh sửa bằng cách nhấn vào ô Chỉnh sửa sao cho phù hợp.

Tiếp theo, iền hoặc sửa ầy ủ thông tin về Tên, Sự miêu tả của từng nhóm sản phẩm. Tại

danh mục hình ảnh, tải lên một hình ảnh minh họa cho nhóm sản phẩm vừa tạo bằng cách: Tải

lên một tài liệu → Chọn hình ảnh muốn → Cuối cùng nhấn Lưu  lưu lại những thay ổi.

Hình 48: Giao diện thông tin nhóm sản phẩm.

lOMoARcPSD| 37186047

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

Thêm nhà sản xuất : Trên thanh menu chọn Mục lục → Nhà sản xuất của ấn

vào nút Thêm mới

Hình 49: Giao diện danh sách các nhà sản xuất.

Hình 50: Giao diện ánh giá sản phẩm.

Danh sách thẻ sản phẩm

lOMoARcPSD| 37186047

Ta có th  chỉnh sửa hoặc xóa bỏ các Thẻ sản phẩm

Hình 51: Giao diện thẻ sản phẩm.

- Thuộc tính ặc i  m kĩ thuật

Thêm thuộc tính ặc i  m kĩ thuật: Trên thanh menu chọn Mục lục → Thuộc tính → Thuộc

tính ặc iểm kĩ thuật và nhấn nút Thêm mới

Hình 52: Giao diện các thuộc tính ặc i  m kĩ thuật.

lOMoARcPSD| 37186047

Ngoài ra ta cũng có th  chỉnh sửa bằng cách nhấn vào Chỉnh sửa. Và nhấn vào Thêm tùy

chọn mới nếu cần.

Hình 53: Giao diện chỉnh sửa chi tiết thuộc tính ặc i  m kĩ thuật.

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

❖ Bán hàng

Ta chọn mục Bán hàng → Đơn ặt hàng trên thanh menu sẽ hiện ra danh sách các ơn hàng mà

khách hàng ã ặt.

Đ  chỉnh sửa thông tin trạng thái một ơn hàng, ta nhấn vào nút Chỉnh sửa

Hình 54: Giao diện danh sách ơn ặt hàng.

lOMoARcPSD| 37186047

Ở ây chúng ta quan tâm ến phẩm Tình trạng ặt hàng, mọi ơn hàng sau khi ặt hàng ều ở trạng

thái mặc ịnh là Đang chờ xử lý. Hãy cập nhật sau khi trạng thái của ơn hàng thay ổi.

Hình 55: Giao diện chỉnh sửa chi tiết ơn ặt hàng.

Hình 56: Giao diện thông tin thanh toán ơn ặt hàng.

lOMoARcPSD| 37186047

Hình 57: Giao diện danh sách sản phẩm trong ơn ặt hàng.

Hình 58: Giao diện sau khi chỉnh sửa tình trạng ơn ặt hàng.

- Thẻ quà tặng

Thêm mới thẻ quà tặng: Thẻ quà tặng → Thêm mới

lOMoARcPSD| 37186047

Hình 59: Giao diện danh sách thẻ quà tặng.

Hình 60: Giao diện chỉnh sửa chi tiết thẻ quà tặng.

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

❖ Khách hàng

Thêm mới hoặc chỉnh sửa khách hàng: Khách hàng → Khách hàng → Thêm mới/Chỉnh sửa

lOMoARcPSD| 37186047

Hình 61: Giao diện danh sách khách hàng.

Hình 62: Giao diện chỉnh sửa chi tiết khách hàng.

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

- Vai trò khách hàng

Thêm vai trò khách hàng: Khách hàng → Vai trò khách hàng → Thêm mới

lOMoARcPSD| 37186047

Hình 63: Giao diện vai trò khách hàng.

Hình 64: Giao diện chỉnh sửa chi tiết nhóm khách hàng ã ăng ký.

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

lOMoARcPSD| 37186047

Danh sách khách hàng trực tuyến

Hình 65: Giao diện danh sách khách hàng ang trực tuyến. -

Giảm giá

Thêm mới/Chỉnh sửa phần giảm giá: Khuyến mãi → Giảm giá

Hình 66: Giao diện danh sách mã giảm giá.

Chỉnh sửa phần giảm giá: Khuyến mãi → Giảm giá

lOMoARcPSD| 37186047

Hình 67: Giao diện chi tiết giảm giá.

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

- Đăng kí nhận bản tin

Thêm mới/Chỉnh sửa người ăng kí bản tin: Khuyến mãi → Người ăng kí bản tin

Hình 68: Giao diện danh sách ăng ký nhận bản tin.

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

Quản lý nội dung:

lOMoARcPSD| 37186047

Thêm mới/Chỉnh sửa quản lý nội dung: Quản lý nội dung → Mẫu tin nhắn

Hình 69: Giao diện trang quản trị danh sách trang bi  u mẫu tin nhắn.

Hình 70: Giao diện trang quản trị chi tiết bi  u mẫu tin nhắn.

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

lOMoARcPSD| 37186047

Cài ặt chung

Chỉnh sửa Cấu hình: Cấu hình → Cài ặt → Cài ặt chung

Hình 71: Giao diện cài ặt chung.

Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu  lưu lại những hành ộng vừa thay ổi.

- Cài ặt khách hàng:

Hình 72: Giao diện cài ặt khách hàng.

lOMoARcPSD| 37186047

Cài ặt ơn ặt hàng

Hình 73: Giao diện trang quản trị cài ặt ơn hàng.

- Cài ặt giao hàng

Hình 74: Giao diện trang quản trị cài ặt giao hàng.

Cài ặt thuế

lOMoARcPSD| 37186047

Hình 75: Giao diện cài ặt thuế.

- Cài ặt danh mục hàng

Hình 76: Giao diện cài ặt danh mục hàng hóa.

Cài ặt giỏ hàng

lOMoARcPSD| 37186047

Hình 77: Giao diện trang quản trị cài ặt giỏ hàng.

- Cấu hình tài khoản email

Hình 78: Giao diện cấu hình tài khoản email.

Cấu hình cửa hàng

lOMoARcPSD| 37186047

Hình 79: Giao diện trang quản trị cấu hình cửa hàng.

- Cấu hình thanh toán

Hình 80: Giao diện cấu hình cửa hàng.

lOMoARcPSD| 37186047

Thông tin hệ thống

Hình 81: Giao diện thông tin hệ thống.

3.4.2 Giao diện người dùng

Trang chủ

Thông thường chúng ta phải ăng kí  sử dụng giỏ hàng nhưng với lần ầu sử dụng, hãy cứ

khám phá hết trang web, lựa chọn sản phẩm phù hợp và bấm nút thêm vào giỏ hàng.

Xem sản phẩm chi tiết:  xem sản phẩm chi tiết nhấn vào hình ảnh ại diện hoặc tiêu

ề sản phẩm.

Đặt hàng: Chọn sản phẩm và số lượng cần mua, mỗi lần bấm thêm sản phẩm sẽ ược thêm với

số lượng ặt hàng ã chọn. Sau ó nhấn vào Thêm vào giỏ hàng.

Giỏ hàng: Bấm vào giỏ hàng ở góc trên bên trái chọn xem giỏ hàng, ở ây chúng ta có th 

cập nhật số lượng hoặc loại bỏ sản phẩm không cần ến bằng cách tích vào ô bên trái sản phẩm

và ấn cập nhật. Lưu ý chỉ bỏ sản phẩm nào không ến mới tích vào ô bên trái sản phẩm,  khi

nhấn cập nhật sản phẩm ta lựa chọn không bị mất i.

lOMoARcPSD| 37186047

Hình 82: Giao diện trang chủ.

Hình 83: Giao diện trang sản phẩm phần danh mục.

lOMoARcPSD| 37186047

Hình 84: Giao diện trang sản phẩm phần danh sách.

Ví dụ: Chúng ta sẽ tiến hành mua sản phẩm : Bộ case máy tính PC.

Bước 1: Vào phần Tìm kiếm sản phẩm trong trang chủ → gõ PC Gaming → Nhấn vào 1 bộ

case PC muốn mua.

Hình 85: Giao diện trang sản phẩm phần chi tiết sản phẩm.

Bước 2: Đặt hàng bằng cách nhấn vào nút Thêm vào giỏ hàng (có th  chọn thêm sản phẩm

muốn mua) → nhấn vào phần Giỏ hàng.

- Trang giỏ hàng

lOMoARcPSD| 37186047

Hình 86: Giao diện trang giỏ hàng.

Trong giao diện giỏ hàng ta tích vào ô “Tôi ồng ý với các iều khoản dịch vụ và tôi tuân thủ

chúng một cách vô iều kiện” → nhấn vào Kiểm tra

Hình 87: Giao diện ịa chỉ thanh toán.

Chọn ịa chỉ thanh toán hoặc ịa chỉ mới → Tiếp tục

lOMoARcPSD| 37186047

Hình 88: Giao diện phương pháp vận chuy  n.

Chọn phương pháp vận chuy  n → Tiếp tục.

Hình 89: Giao diện phương thức thanh toán.

Chọn phương thức thanh toán → Tiếp tục.

lOMoARcPSD| 37186047

Hình 90: Giao diện thông tin thanh toán.

Nhập thông tin thanh toán → Tiếp tục.

Hình 91: Giao diện xác nhận ơn hàng.

Cuối cùng chọn Xác nhận.

Sau khi khách hàng ặt hàng xong ta vào: Bán hàng → Đơn ặt hàng → Chỉnh sửa → nhấn

Hóa ơn (PDF) và gửi hóa ơn ó theo mail của khách hàng ã ăng kí.

lOMoARcPSD| 37186047

Hình 92: Giao diện ơn ặt hàng.

lOMoARcPSD| 37186047

KẾT LUẬN

1. Kết quả ạt ược

1.1 Đánh giá chung

Qua quá trình thực hiện ồ án tốt nghiệp, em ã hi  u ược các bước  có th  xây dựng

một website dựa trên framework nopCommerce cũng như phát tri  n thêm module ặc thù

riêng cho nopCommerce. Kiến thức là vô cùng và em chưa th  hi  u tường tận hết.

1.2 Đánh giá ưu iểm và hạn chế

1.2.1 Ưu iểm

• Website ược xây dựng ầy ủ với các chức năng chính ặt ra cho một website thương mại

iện tử.

• Giao diện thân thiện với người sử dụng, các thao tác dễ dàng ược nhìn thấy và thực hiện.

1.2.2 Hạn chế

• Hướng dẫn sử dụng còn hạn chế không có nhiều tài liệu.

• Một số chức năng việc cấu hình là khá khó khăn.

• Dùng hệ quản trị cơ sở dữ liệu SQL SERVER không phù hợp nếu hệ thống phát tri  n

với quy mô lớn hơn.

• Tốc ộ tải trang khá chậm.

• Chưa tạo ược plugin ăng ký tài khoản khách hàng bằng số iện thoại.

2. Hướng phát triển trong tương lai

Website tuy ã có th  áp ứng ược các yêu cầu chính của ề tài, nhưng vì thời gian làm

Đồ án hạn chế nên hệ thống vẫn chưa thực sự hoàn chỉnh về tính năng cũng như áp ứng nhu cầu

thực tế của người dùng. Đ  hệ thống hoàn thiện hơn trong tương lai, em xin ề xuất hướng

phát tri  n như sau:

• Bổ sung thêm hướng dẫn sử dụng cho các module cụ th  .

• Hoàn thiện thêm các tính năng marketing cần có cho website thương mại iện tử  tăng

khả năng chuy  n ổi khách hàng mua hàng

Thay ổi hệ quản trị cơ dở dữ liệu  hệ thống dễ phát tri  n lớn hơn.

lOMoARcPSD| 37186047

TÀI LIỆU THAM KHẢO

https://docs.nopcommerce.com/en/index.html https://www.youtube.com/user/nopCommerce

Bấm Tải xuống để xem toàn bộ.

| 1/95

| | Tải xuống

Preview text:

lOMoAR cPSD| 37186047
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG
------------------------------- ISO 9001:2015
ĐỒ ÁN TỐT NGHIỆP
NGÀNH : CÔNG NGHỆ THÔNG TIN
Sinh viên : Trần Duy Anh
Giảng viên hướng dẫn: Ths. Vũ Anh Hùng HẢI PHÒNG – 2020 lOMoAR cPSD| 37186047
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG
-----------------------------------
XÂY DỰNG WEBSITE BÁN HÀNG SỬ DỤNG
PHẦN MỀM MÃ NGUỒN MỞ NOPCOMMERCE
ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY NGÀNH:
CÔNG NGHỆ THÔNG TIN
Sinh viên : Trần Duy Anh
Giảng viên hướng dẫn: Ths. Vũ Anh Hùng HẢI PHÒNG – 2020
BỘ GIÁO DỤC VÀ ĐÀO TẠO lOMoAR cPSD| 37186047
TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG
--------------------------------------
NHIỆM VỤ ĐỀ TÀI TỐT NGHIỆP
Sinh viên: Trần Duy Anh Mã SV: 1512111028 Lớp : CT1901C
Ngành : Công nghệ Thông tin
Tên ề tài: Xây dựng website bán hàng sử dụng phần mềm mã nguồn mở NOPCOMMERCE.
NHIỆM VỤ ĐỀ TÀI
1. Nội dung và các yêu cầu cần giải quyết trong nhiệm vụ ề tài tốt nghiệp
………………………………………………………………………………….
………………………………………………………………………………….
…………………………………………………………………………………. lOMoAR cPSD| 37186047
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
2. Các tài liệu, số liệu cần thiết
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
3. Địa iểm thực tập tốt nghiệp
………………………………………………………………………………….
CÁN BỘ HƯỚNG DẪN ĐỀ TÀI TỐT NGHIỆP Họ và tên :
Học hàm, học vị :
Cơ quan công tác : Trường Đại học Quản lý và Công nghệ Hải Phòng Nội dung hướng dẫn: lOMoAR cPSD| 37186047
Đề tài tốt nghiệp ược giao ngày 30 tháng 03 năm 2020
Yêu cầu phải hoàn thành xong trước ngày 30 tháng 06 năm 2020
Đã nhận nhiệm vụ ĐTTN Đã giao nhiệm vụ ĐTTN Sinh viên
Giảng viên hướng dẫn
Hải Phòng, ngày tháng năm 2020 HIỆU TRƯỞNG
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc
lập - Tự do - Hạnh phúc
PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN CHẤM PHẢN BIỆN
Họ và tên giảng viên: …………………………………………………………………………
Đơn vị công tác: ……………………………………………………………………………… Họ
và tên sinh viên: ……………………………… Ngành: …………………………………
Đề tài tốt nghiệp: ……………………………………………………………………………..
………………………………………………………………………………………………...
1. Phần nhận xét của giảng viên chấm phản biện
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
2. Những mặt còn hạn chế
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................ lOMoAR cPSD| 37186047
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
3. Ý kiến của giảng viên chấm phản biện Được bảo vệ Không ược bảo vệ
Đi ऀ m:…………………………….
Hải Phòng, ngày …… tháng ….. năm 2020
Giảng viên chấm phản biện (Ký và ghi rõ họ tên) LỜI CẢM ƠN
Lời ầu tiên em xin cảm ơn ến thầy giáo Ths. Vũ Anh Hùng là người trực tiếp hướng dẫn
em trong quá trình làm ề tài “Xây dựng website bán hàng sử dụng phần mềm mã nguồn
mở NOPCOMMERCE.” Thầy ã hỗ trợ em rất nhiều về mặt kiến thức cũng như tinh thần
từ những ngày ầu em nhận ồ án còn nhiều iều chưa biết.
Lời thứ hai em xin cảm ơn các thầy, cô giáo trong khoa Công nghệ thông tin ã
truyền ạt kiến thức cho em trong từng môn học.
Cuối cùng em xin gửi lời cảm ơn ến GS. TS. NGƯT Trần Hữu Nghị Hiệu trưởng
Trường Đại Học Dân Lập Hải Phòng, cùng toàn th ऀ các thầy cô trong ban giám hiệu
nhà trường ã tạo iều kiện tốt nhất cho em trong quá trình học tập tại trường cũng như sau khi i làm.
Do thời gian vừa học vừa làm nên lần bảo vệ tốt nghiệp này không tránh khỏi
những thiếu sót, em rất mong nhận ược sự chỉ bảo, óng góp ý kiến của thầy cô cùng toàn
th ऀ các bạn ऀ em có iều kiện bổ sung, nâng cao kiến thức của mình và ऀ ứng dụng
của em ược hoàn thiện hơn.
Em xin chân thành cảm ơn!
Hải Phòng, ngày tháng năm 2020 Sinh viên TRẦN DUY ANH lOMoAR cPSD| 37186047 MỤC LỤC
MỤC LỤC ................................................................................................................................ 1
DANH MỤC HÌNH .................................................................................................................. 3
LỜI NÓI ĐẦU .......................................................................................................................... 6
CHƯƠNG I .............................................................................................................................. 7
GIỚI THIỆU PHẦN MỀM NGUỒN MỞ NOPCPOMMERCE.............................................. 7 1. 1.Giới thiệu mã nguồn mở
.................................................................................................... 7
1.1.1. Khái niệm về phần mềm nguồn mở & mã nguồn mở................................................. 7 1.1.2. Lợi ích của việc sử dụng mã nguồn
mở...........................................................................................................................................7
1.1.3. Ứng dụng của mã nguồn mở....................................................................................... 8
1.2. Giới thiệu về NOPCOMMERCE .................................................................................... 10
1.2.1. Khái niệm về nopCommerce .................................................................................... 10
1.2.2. Một số ưu và nhược i ऀ m chung của nopCommerce ............................................... 11
1.2.3. Chức năng của nopCommerce................................................................................... 11
1.2.4. Tải mã nguồn của Nopcommerce.............................................................................. 15
CHƯƠNG II ......................................................................................................................... 17
CÀI ĐẶT NOPCOMMERCE................................................................................................. 17
2.1. Giới thiệu về ONEDATA................................................................................................. 17
2.2. Đăng kí host và tên miền.................................................................................................. 17
2.3. Upload file và cài ặt Nopcommerce trên hosting........................................................... 21
2.4. Cài ặt Nopcommerce...................................................................................................... 22
2.5. Việt hóa các chức năng người dùng.................................................................................. 25
2.6. Thiết lập thông tin cửa hàng............................................................................................. 29
2.7. Thiết lập quốc gia............................................................................................................. 30
2.8. Cài ặt hệ thống bảo vệ..................................................................................................... 33
2.9. Cài ặt PDF ...................................................................................................................... 35
2.10. Thiết lập thông tin email................................................................................................. 36
CHƯƠNG III ........................................................................................................................ 38 lOMoAR cPSD| 37186047
ỨNG DỤNG XÂY DỰNG WEBSITE ................................................................................. 38
ANH THÚY COMPUTER...................................................................................................... 38
3.1. Giới thiệu về cửa hàng Anh Thúy Computer.................................................................... 37
3.2. Nghiệp vụ quản lí bán hàng tại cửa hàng Anh Thúy Computer....................................... 37 lOMoAR cPSD| 37186047
3.2.1. Quản lí sản phẩm .................................................................................................... 38
3.2.2. Quản lí nhóm sản phẩm .......................................................................................... 38
3.2.3. Chiến lược quảng cáo cửa hàng ............................................................................. 38
3.2.4. Giao hàng và thanh toán.......................................................................................... 38
3.2.5. Báo cáo.................................................................................................................... 38
3.2.6. Bi ऀ u ồ ngữ cảnh của hệ thống............................................................................... 39
3.2.7. Cơ sở dữ liệu tổ chức lưu trữ.................................................................................. 39
3.3. Một số ưu, nhược i ऀ m khi xây dựng website bán hàng online............................................ 52 3.4. Giới thiệu các chức năng của website Anh Thuý
Computer................................................. 52
• Giao diện quản trị người
dùng....................................................................................... 52 • Giao diện người
dùng..................................................................................................... 76 KẾT
LUẬN................................................................................................................................................. 83 TÀI LIỆU THAM
KHẢO......................................................................................................................... 84 2 lOMoAR cPSD| 37186047 DANH MỤC HÌNH ẢNH
Hình 1: Logo framework nopCommerce................................................................................. 10
Hình 2: Giao diện trang chủ nopCommerce............................................................................ 15
Hình 3: Phần Download .......................................................................................................... 15
Hình 4: Trang DOWNLOAD của nopCommerce................................................................... 16
Hình 5: Trang chủ của ONEDATA......................................................................................... 17
Hình 6: Thuê hosting windows................................................................................................ 17
Hình 7: Bảng giá lựa chọn gói hosting.................................................................................... 18
Hình 8: Đăng ký tên miền và ki ऀ m tra tên miền...................................................................... 18
Hình 9: Giao diện sau khi ăng ký tên miền............................................................................ 19
Hình 10: Thông tin ăng nhập hosting.................................................................................... 19
Hình 11: Giao diện ăng nhập vào Plesk................................................................................. 20
Hình 12: Giao diện trang quản trị website............................................................................... 20
Hình 13: Các phần tử sau khi ược upload và giải nén........................................................... 21
Hình 14: Giao diện tạo Database và tài khoản người dùng Database..................................... 22
Hình 15: Database và tài khoản người dùng Database ã tạo................................................. 22
Hình 16: Form thông tin tạo tài khoản quản trị viên và thông tin cơ sở dữ liệu...................... 23
Hình 17: Hình ảnh sau khi cài ặt nopCommerce thành công................................................ 23
Hình 18: Giao diện trang log in............................................................................................... 24
Hình 19: Giao diện trang quản trị............................................................................................ 24
Hình 20: Giao diện thêm ngôn ngữ Tiếng Việt....................................................................... 25
Hình 21: Download gói ngôn ngữ Tiếng Việt......................................................................... 25
Hình 22: Giao diện import gói Tiếng Việt............................................................................... 26
Hình 23: Chọn ngôn ngữ Tiếng Việt làm ngôn ngữ mặc ịnh................................................ 26
Hình 24: Giao diện trang quản trị sau khi ược việt hóa......................................................... 27
Hình 25: Giao diện chỉnh sửa ngôn ngữ.................................................................................. 28
Hình 26: Giao diện chỉnh sửa chi tiết tài nguyên chuỗi........................................................... 28
Hình 27: Giao diện cấu hình cửa hàng.................................................................................... 29 3 lOMoAR cPSD| 37186047
Hình 28: Giao diện chỉnh sửa chi tiết thông tin cửa hàng....................................................... 29
Hình 29: Giao diện chỉnh sửa chi tiết thông tin cửa hàng....................................................... 30
Hình 30: Giao diện thêm quốc gia mới.................................................................................... 31
Hình 31: Giao diện danh mục thuế.......................................................................................... 32
Hình 32: Giao diện thêm ti ऀ u bang/tỉnh mới........................................................................... 32
Hình 33: Giao diện quản lý Cài ặt bảo mật............................................................................ 33
Hình 34: Giao diện CAPTCHA............................................................................................... 34
Hình 35: Giao diện PDF.......................................................................................................... 35
Hình 36: Giao diện cài ặt GDPR........................................................................................... 36
Hình 37: Bi ऀ u ồ ngữ cảnh của hệ thống................................................................................. 39
Hình 38: Giao diện ăng nhập vào trang quản trị.................................................................... 53
Hình 39: Giao diện vào trang chủ quản trị............................................................................... 53
Hình 40: Giao diện trang chủ trang quản trị............................................................................ 54
Hình 41: Giao diện trang quản trị danh sách sản phẩm........................................................... 56
Hình 42: Giao diện chỉnh sửa chi tiết sản phẩm...................................................................... 56
Hình 43: Giao diện chỉnh sửa giá tiền sản phẩm......................................................................... 57
Hình 44: Giao diện thêm hình ảnh sản phẩm...............................................................................
57 Hình 45: Giao diện thuộc tính ặc i ऀ m kĩ thuật của sản phẩm vừa tạo................................... 58
Hình 46: Danh sách loại sản phẩm ã tạo............................................................................. 58
Hình 47: Giao diện nhóm sản phẩm ược tạo........................................................................ 59
Hình 48: Giao diện thông tin nhóm sản phẩm............................................................................. 59
Hình 49: Giao diện danh sách các nhà sản xuất.......................................................................... 60
Hình 50: Giao diện ánh giá sản phẩm........................................................................................ 60
Hình 51: Giao diện thẻ sản phẩm.................................................................................................. 61
Hình 52: Giao diện các thuộc tính ặc i ऀ m kĩ thuật.................................................................. 61
Hình 53: Giao diện chỉnh sửa chi tiết thuộc tính ặc i ऀ m kĩ thuật.......................................... 62
Hình 54: Giao diện danh sách ơn ặt hàng............................................................................ 62
Hình 55: Giao diện chỉnh sửa chi tiết ơn ặt hàng.................................................................... 63 4 lOMoAR cPSD| 37186047
Hình 56: Giao diện thông tin thanh toán ơn ặt hàng............................................................... 63
Hình 57: Giao diện danh sách sản phẩm trong ơn ặt hàng..................................................... 64
Hình 58: Giao diện sau khi chỉnh sửa tình trạng ơn ặt hàng.................................................. 64
Hình 59: Giao diện danh sách thẻ quà tặng.................................................................................. 65
Hình 60: Giao diện chỉnh sửa chi tiết thẻ quà tặng..................................................................... 65
Hình 61: Giao diện danh sách khách hàng................................................................................... 66
Hình 62: Giao diện chỉnh sửa chi tiết khách hàng....................................................................... 66 Hình 63: Giao diện vai trò khách
hàng......................................................................................... 67
Hình 64: Giao diện chỉnh sửa chi tiết nhóm khách hàng ã ăng ký......................................... 67
Hình 65: Giao diện danh sách khách hàng ang trực tuyến....................................................... 68
Hình 66: Giao diện danh sách mã giảm giá................................................................................. 68
Hình 67: Giao diện chi tiết giảm giá............................................................................................. 69
Hình 68: Giao diện danh sách ăng ký nhận bản tin................................................................... 69
Hình 69: Giao diện trang quản trị danh sách trang bi ऀ u mẫu tin nhắn....................................... 70
Hình 70: Giao diện trang quản trị chi tiết bi ऀ u mẫu tin nhắn..................................................... 70
Hình 71: Giao diện cài ặt chung................................................................................................. 71
Hình 72: Giao diện cài ặt khách hàng........................................................................................ 71
Hình 73: Giao diện trang quản trị cài ặt ơn hàng.................................................................... 72
Hình 74: Giao diện trang quản trị cài ặt giao hàng.................................................................... 72
Hình 75: Giao diện cài ặt thuế.................................................................................................... 73
Hình 76: Giao diện cài ặt danh mục hàng hóa........................................................................... 73
Hình 77: Giao diện trang quản trị cài ặt giỏ hàng..................................................................... 74
Hình 78: Giao diện cấu hình tài khoản email.............................................................................. 74
Hình 79: Giao diện trang quản trị cấu hình cửa hàng.................................................................. 75 5 lOMoAR cPSD| 37186047
Hình 80: Giao diện cấu hình cửa hàng......................................................................................... 75
Hình 81: Giao diện thông tin hệ thống......................................................................................... 76
Hình 82: Giao diện trang chủ........................................................................................................ 77
Hình 83: Giao diện trang sản phẩm phần danh mục................................................................... 77
Hình 84: Giao diện trang sản phẩm phần danh sách................................................................... 78
Hình 85: Giao diện trang sản phẩm phần chi tiết sản phẩm....................................................... 78
Hình 86: Giao diện trang giỏ hàng............................................................................................... 79
Hình 87: Giao diện ịa chỉ thanh toán.......................................................................................... 79
Hình 88: Giao diện phương pháp vận chuy ऀ n............................................................................. 80
Hình 89: Giao diện phương thức thanh toán................................................................................ 80
Hình 90: Giao diện thông tin thanh toán...................................................................................... 81
Hình 91: Giao diện xác nhận ơn hàng........................................................................................ 81
Hình 92: Giao diện hóa ơn ặt hàng........................................................................................... 82 LỜI NÓI ĐẦU
nopCommerce là một website bán hàng hoàn toàn tuỳ chỉnh. Mang lại sự ổn ịnh và rất
có ích. nopCommerce là một mã nguồn mở, giải pháp thương mại iện tử có chứa cả một lối
vào cửa hàng và có công cụ quản trị phù hợp. Giải pháp ó là dựa trên ASP.NET 3.5 phụ trợ cơ
sở dữ liệu MS SQL. Trên nopCommerce có mọi thứ bạn cần ऀ bắt ầu bán hàng hoá vật chất
kỹ thuật số thông qua Internet.
nopCommerce hoạt ộng theo mô hình kinh doanh B2C(Business to Customers)
nopCommerce có khởi ộng và hoạt ộng chỉ trong vài phút, chỉ cần tải phần mềm, cài ặt và làm
theo hướng dẫn tại ịa chỉ http://www.nopcommerce.com/downloads.aspx. nopCommerce ược
phát tri ऀ n ऀ tận dụng các công nghệ mới nhất hiện có. Với kiến trúc pluggable của nó, bổ 6 lOMoAR cPSD| 37186047
sung chức năng và các yếu tố trình bày có th ऀ ược tự ộng thêm vào ứng dụng tại thời gian hoạt ộng.
Tìm kiếm các nguồn URL thân thiện úng với cấu trúc nội dung và các sản phẩm, bạn sẽ
thấy rằng nopCommerce ược xây dựng ऀ giúp khách hàng của bạn xác ịnh vị trí nội dung
của bạn một cách dễ dàng. CHƯƠNG I
GIỚI THIỆU PHẦN MỀM NGUỒN MỞ NOPCPOMMERCE
1.1. Giới thiệu mã nguồn mở
1.1.1. Khái niệm về mã nguồn mở & mã nguồn mở
Phần mềm nguồn mở là phần mềm với mã nguồn ược công bố và sử dụng một giấy phép
nguồn mở. Giấy phép này cho phép bất cứ ai cũng có th ऀ nghiên cứu, thay ổi và cải tiến phần
mềm và phân phối phần mềm ở dạng chưa thay ổi hoặc ã thay ổi.
Mã nguồn mở là những phần mềm ược cung cấp dưới cả dạng mã và nguồn, không chỉ
là miễn phí về giá mua mà chủ yếu là miễn phí về bản quyền: người dùng có quyền sửa ổi, cải
tiến, phát tri ऀ n, nâng cấp theo một số nguyên tắc chung qui ịnh trong giấy phép Phần Mềm
Nguồn Mở (ví dụ General Public Licence – GPL) mà không cần xin phép ai, iều mà họ không
ược phép làm ối với các phần mềm nguồn óng (tức là phần mềm thương mại). Nhìn chung,
thuật ngữ “Open source” ược dùng ऀ lôi cuốn các nhà kinh doanh, một iều thuận lợi chính là
sự miễn phí và cho phép người dùng có quyền “sở hữu hệ thống”.
Nhà cung cấp mã nguồn mở có quyền yêu cầu người dùng trả một số chi phí về các dịch
vụ bảo hành, huấn luyện, nâng cấp, tư vấn, v.v… tức là những dịch vụ thực sự ã thực hiện ऀ
phục vụ người dùng nhưng không ược bán các sản phẩm nguồn mở vì nó là tài sản của trí tuệ
chung, không phải là tài sản riêng của một nhà cung cấp nào.
Tiện ích mà Open Source mang lại chính là quyền tự do sử dụng chương trình cho mọi
mục ích, quyền tự do ऀ nghiên cứu cấu trúc của chương trình, chỉnh sửa phù hợp với nhu cầu, 7 lOMoAR cPSD| 37186047
truy cập vào mã nguồn, quyền tự do phân phối lại các phiên bản cho nhiều người, quyền tự do
cải tiến chương trình và phát hành những bản cải tiến vì mục ích công cộng.
1.1.2. Lợi ích của việc sử dụng mã nguồn mở Giảm chi phí
Lợi ích lớn nhất trong việc chuy ऀ n ổi sang phần mềm tự do nguồn mở là giảm tổng
chi phí sở hữu, từ các yếu tố sau:
- Miễn phí bản quyền phần mềm.
- Miễn phí các phiên bản nâng cấp trong toàn bộ vòng ời sử dụng sản phẩm.
- Giảm chi phí phát tri ऀ n phần mềm áp ứng theo yêu cầu nghiệp vụ (sử dụng phần mềm, mô
un có sẵn ऀ phát tri ऀ n tiếp, sửa ổi iều chỉnh cho phù hợp với nghiệp vụ).
- Mức chi phí tiết kiệm khoảng 75 - 80% so với phần mềm license ngay trong năm ầu tiên.
Khả năng triển khai / tái sử dụng tài nguyên hệ thống -
Kéo dài thời gian sử dụng/tái sử dụng các phần cứng, thiết bị trong khi vẫn ảm bảo hiệu năng toàn hệ thống. -
Chi phí ầu tư, vận hành hệ thống tập trung cho các dịch vụ “hữu hình” em lại giá trị trực
tiếp, thiết thực cho tổ chức như: tư vấn, sửa ổi theo yêu cầu, tri ऀ n khai, ào tạo, bảo trì, nâng cấp hệ thống...
Khả năng phát triển ộc lập và chủ ộng
Giảm tối a sự phụ thuộc vào một vài nhà cung cấp phần mềm dẫn ến dịch vụ kém (do không
có cạnh tranh), hoặc “bị ép” trong các trường hợp cần àm phán về chi phí, dịch vụ (mỗi FLOSS
có th ऀ có nhiều nhà cung cấp dịch vụ tương tự), nâng cấp phần mềm, mở rộng hệ thống (với
mã nguồn trong tay, có th ऀ dễ dàng nâng cấp, mở rộng hệ thống theo yêu cầu
trong mỗi giai oạn phát tri ऀ n).
Đối với các hệ thống ang hoạt ộng, chủ ộng thực hiện chuy ऀ n ổi sẽ tránh ược “nguy
cơ” bị phạt vi phạm bản quyền và/hoặc bị “bắt buộc” mua license.
Phát triển thương hiệu
Tăng tính thương hiệu cho doanh nghiệp khi giới thiệu ược với cộng ồng, ối tác, khách
hàng ( ặc biệt là ngoài nước) là chúng tôi ã chuy ऀ n ổi thành công và 100% không vi phạm bản quyền. 8 lOMoAR cPSD| 37186047 Tính bảo mật
Tăng cường ộ tin cậy (có th ऀ ki ऀ m chứng không có mã ộc với mã nguồn ược phân
phối kèm), ổn ịnh (tuân theo các chuẩn mở ứng dụng lâu dài), tính an toàn, bảo mật (theo báo
cáo của Gartner & nhiều tổ chức phân tích ộc lập) toàn hệ thống.
1.1.3. Ứng dụng của mã nguồn mở
Open source ã ược chấp nhận trong các công ty lớn. Nhiều hợp ồng lớn ã chấp nhận phần mềm
Open Source, chẳng hạn như tại IBM, Oracle và Sun. Thậm chí Microsoft ã phải lưu tâm ến
Open Source như ối thủ to lớn.
Với Open Source, việc phân phối và phát tri ऀ n là một phương pháp lâu dài ऀ tạo ra
phần mềm, người mua ược cung cấp cả giải pháp phần mềm lẫn những dòng mã có giấy phép
Open Source. Hơn nữa, các doanh nghiệp vừa và nhỏ cũng sẽ ưa chuộng phần mềm Open Source hơn.
Hiện nay ã có một số tổ chức dự ịnh sử dụng Open Source ऀ xây dựng nhân tố cốt lõi
của hệ thống từ hệ iều hành, cơ sở dữ liệu, ứng dụng và Web server… ến các hệ thống quản trị
nội dung và nhiều phần mềm kinh doanh thông minh.
Mặc dù con ường ऀ free software khẳng ịnh vị trí vẫn còn dài, nhưng áng chú ý là
Open Source ã giành ược khoảng 70% thị trường ứng dụng Web, và dường như con số này vẫn
tiếp tục tăng lên hàng năm.
Bằng cách này, cả công ty lẫn khách hàng ều có lợi. Về phía khách hàng, họ ược dùng
phần mềm chất lượng tốt, hỗ trợ khách hàng ầy ủ với giá rẻ. Về phía nhà cung cấp, dựa trên
Open Source, tiết kiệm áng k ऀ các chi phí về phát tri ऀ n, ki ऀ m lỗi, quản lý dự án. Đồng
thời, nhân lực của họ lại nhanh chóng nâng cao trình ộ, giảm bớt thời gian làm việc “chân tay”
khi tiếp nhận source code có “giá trị” và “chất lượng” từ những Open Source ược xây dựng
chuyên nghiệp, cấu trúc phần mềm, lập trình,… tốt ngay từ ầu.
Lý do chọn phần mềm mã nguồn mở ể xây dựng website bán hàng
Dễ dàng sử dụng
Với mã nguồn mở chúng ta không cần phải có kiến thức lập trình cao cấp mà vì các thao
tác trong mã nguồn mở ều rất ơn giản nên có th ऀ dễ dàng sử dụng. Ưu i ऀ m này cũng chính
là lời giải thích cho câu hỏi tại sao hiện nay nhiều ơn vị sử dụng mã nguồn mở ऀ thiết kế website. 9 lOMoAR cPSD| 37186047
Cộng ồng hoạt ộng tích cực
Tất cả các thông tin về mã nguồn mở ều ược cộng ồng người sử dụng chia sẻ một cách
rộng rãi trên Internet vì vậy khi gặp phải bất kỳ sự cố nào chúng ta cũng có th ऀ nhận ược sự
hỗ trợ, giao lưu từ họ. Đây cũng chính là ộng lực ऀ góp phần thúc ẩy sự phát tri ऀ n mạnh
mẽ của thiết kế website bằng mã nguồn mở.
Cập nhật và sửa lỗi nhanh chóng
Các website ược xây dựng trên nền tảng mã nguồn mở ều có tốc ộ cập nhật phiên bản
mới cũng như sửa lỗi một cách nhanh chóng, giúp chúng ta tiết kiệm ược thời gian.
Dễ tối ưu SEO
Mã nguồn mở sẽ có sẵn các giao diện thiết kế ऀ chúng ta lựa chọn ồng thời có sẵn các
công cụ ऀ tối ưu SEO một cách dễ dàng cho website. Vì vậy chúng ta chỉ cần cập nhật lại các
yếu tố như thẻ tiêu ề, từ khóa, thẻ mô tả,...
Hỗ trợ nhiều ngôn ngữ
Mã nguồn mở hỗ trợ a dạng ngôn ngữ khác nhau trong ó một số có cả tiếng Việt nên có
th ऀ dễ dàng thiết kế, quản trị, iều chỉnh và sửa ổi mà không lo gặp phải rào cản về ngôn ngữ.
Giao diện tương thích với tất cả các thiết bị
Những website ược thiết kế bằng mã nguồn mở có giao diện tương thích với tất cả các
thiết bị từ iện thoại di ộng, máy tính bảng ến PC (máy tính ऀ bàn); chạy tốt trên mọi hệ iều
hành và kích cỡ màn hình – một trong các yêu cầu tối thi ऀ u khi thiết kế web hiện nay, nên có
th ऀ nói mã nguồn mở ang ược rất nhiều khách hàng mong muốn sử dụng.
1.2. Giới thiệu về NOPCOMMERCE
Hình 1: Logo framework nopCommerce 10 lOMoAR cPSD| 37186047
1.2.1. Khái niệm về nopCommerce
NOPCOMMERCE là một giải pháp thương mại iện tử mã nguồn mở dựa trên nền tảng
ASP.NET MVC 5.0 kết hợp với cơ sở dữ liệu MS SQL 2008 (hoặc lớn hơn). Được cung cấp
dưới dạng giấy phép nopCommerce Public V3 và chính thức ra mắt vào tháng 10 năm 2008
cho doanh nghiệp vừa và nhỏ.
nopCommerce là một nền tảng thương mại iện tử an toàn và có khả năng mở rộng. Tích
hợp sẵn công cụ quản trị ऀ quản lý gian hàng, khách hàng, danh sách ưa thích, khuyến mãi.
Ngoài ra cũng hỗ trợ nhiều gian hàng, nhiều nhà phân phối, kho hàng, a ngôn ngữ, các loại ơn
vị tiền tệ và thuế, cũng như hố trợ các cổng thanh toán phổ biến như: Authorize.net, PayPal,
Google Checkout, và nhiều loại khác. nopCommerce có giao diện responsive linh
hoạt với các thiết bị di ộng. nopCommerce chạy ở chế ộ Medium Trust.
Theo thống kê của builwith thực hiện trong năm 2015, thị phần nopCommerce ạt
khoảng 3% trong số những nền tảng thương mại iện tử phổ biến nhất. nopCommerce lọt vào
chung kết trong giải thưởng thương mại mã nguồn mở Packt (Packt Open Source ECommerce Award) năm 2010 và 2011.
nopCommerce với hơn 400.000 lượt tải về là tỷ lệ cao nhất và cũng nằm trong top 5
những ứng dụng ược tải về nhiều nhất ược cung cấp bởi Microsoft Web Platform Installer.
Đó cũng là ứng dụng ứng thứ 11 trong lượt tải về nhiều nhất từ Codeplex.
1.2.2. Một số ưu và nhược iểm chung của nopCommerce Ưu iểm
• Là một website mã nguồn mở, ược viết bằng ASP.NET C#.
• Đơn giản, linh hoạt và dễ tuỳ biến theo yêu cầu nghiệp vụ của từng site (từng khách hàng).
• Có giao diện thân thiện cho người dùng, có nhiều mẫu và chủ ề cho người dùng
lựa chọn, ví dụ như darkOrange, nopClassic,…
• Hỗ trợ rất nhiều gói ngôn ngữ cho người dùng, ví dụ như gói ngôn ngữ tiếng Anh, Ý, Trung Quốc,… Nhược iểm
• Chưa hỗ trợ ược gói ngôn ngữ bằng Tiếng Việt. 11 lOMoAR cPSD| 37186047
• Chưa có ược nhiều mẫu và chủ ề ऀ giúp cho khách hàng có th ऀ lựa chọn thay
ổi trên Website của mình.
• Chưa hỗ trợ về các hình thức quảng cáo trực tiếp trên Website .
• Cộng ồng lập trình nopCommerce còn khá ít. 1.2.3. Chức năng
a) Chức năng về chủng loại hàng -
Không giới hạn số sản phẩm. -
Hổ trợ về các chủng loại hàng và nhà sản xuất. -
Sản phẩm có th ऀ ược ánh xạ tới nhiều hơn một loại hoặc nhà sản xuất. -
Không cần xác ịnh người mua hàng. -
Trang thanh toán riêng biệt. - Thẻ quà tặng. - Sản phẩm theo ịnh kỳ. -
Hổ trợ cho bộ sản phẩm (ví dụ chức năng xây dựng máy tính cho riêng bạn). - Hỗ trợ a ngôn ngữ. - Công cụ cân, o. -
Thời gian thực tỷ giá trao ổi tiền tệ (ECB). -
Hỗ trợ SSL (Secure Sockets Layer). -
Xuất, nhập file (XML,EXCEL). - Biên lai dạng PDF. -
Tuỳ chỉnh thiết kế 100% (bằng cách sử dụng các mẫu). 12 lOMoAR cPSD| 37186047 -
Thiết lập danh sách các quốc gia (dùng ऀ ăng ký, thanh toán, vận chuy ऀ n). - Quyền truy cập. - Nhật ký hệ thống. - Chat trực tuyến. - Thông báo bằng SMS. -
Bảo trì hệ thống(Backup/ restore Database). - Đặt hàng lại. - Giỏ mua hàng thu nhỏ. -
Tuân thủ chuẩn W3C(XHTML).
b) Đặc tính sản phẩm -
Thuộc tính sản phẩm (ví dụ như màu sắc, kích cỡ …). -
Quản lý mặt hàng trong kho dựa theo các thuộc tính sản phẩm (như màu sắc,
trọng lượng, kích cỡ …). - Thẻ sản phẩm. -
Thiết lập các thuộc tính thanh toán (ví dụ như quà tặng, tin nhắn i kèm, …). -
Thiết lập các thuộc tính của khách hàng (như ngày sinh, số iện thoại, …). -
Giá ưu ãi dành cho khách hàng thân thuộc. -
Cho phép khách hàng nhập vào giá sản phẩm (nếu ược kích hoạt). -
Cho phép chủ cửa hàng ược ẩn giá sản phẩm cho khách hàng chưa ăng ký. -
Hỗ trợ nhiều hình ảnh cho mỗi sản phẩm. -
Tự ộng thay ổi kích thước hình ảnh. -
Hỗ trợ sản phẩm tải về (ví dụ như CD, phần mềm,…). -
Sản phẩm tải về, kèm theo giấy phép sử dụng. -
Sản phẩm tải về có thoả thuận với người sử dụng. 13 lOMoAR cPSD| 37186047
c) Tiếp thị và khuyến mãi -
Hệ thống i ऀ m thưởng. -
Khả năng thiết kế về chủng loại, nhà sản xuất, hoặc sản phẩm. -
Hỗ trợ sản phẩm liên quan. -
Quản lý tiếp thị (email tiếp thị). -
Nhóm khách hàng có th ऀ ược miễn phí vận chuy ऀ n hàng hoá. -
Nhóm khách hàng có th ऀ ược miễn thuế. -
Hỗ trợ các phiếu giảm giá. -
Giảm số tiền có th ऀ là một giá trị cố ịnh hoặc theo phần trăm (%). -
Quy ịnh một ngày bắt ầu và một ngày kết thúc của ợt giảm giá. -
Giảm giá có th ऀ quy ịnh trên từng sản phẩm. -
Giảm giá có th ऀ quy ịnh trên từng chủng loại. -
Giảm giá có th ऀ ược quy ịnh chung cho toàn hệ thống. -
Giảm giá có th ऀ ược lọc bởi một vai trò khách hàng. -
Đã có mua các dòng sản phẩm theo yêu cầu giảm giá -
Đã có mua một sản phẩm theo yêu cầu giảm giá. -
Chỉ một thời gian giảm giá. -
Giảm giá một lần cho mỗi khách hàng. -
Giảm giá tính vào phí vận chuy ऀ n. -
Giảm giá theo số lượng (giá ưu ãi). -
Trang liên kết sản phẩm mới nhất, RSS. -
Hi ऀ n thị trang sản phẩm vừa xem. -
Tuỳ chọn miễn phí vận chuy ऀ n và ánh giá sản phẩm (nếu kích hoạt). -
Lưu các mục tin tức hỗ trợ, tin tức RSS, ý kiến. -
Hỗ trợ các cuộc thăm dò. - Hỗ trợ lưu trữ Blog. - Hỗ trợ diễn àn. -
Hỗ trợ các chương trình liên kế. 14 lOMoAR cPSD| 37186047
d) Vận chuyển Các dịch vụ vẩn chuyển - UPS - USPS - FedEx - Australia Post - Canada Post
Cách tính toán vận chuyển
- Tính toán vận chuy ऀ n theo lệnh tổng số.
- Tính toán vận chuy ऀ n theo trọng lượng.
- Tính toán vận chuy ऀ n theo quốc gia .
- Thêm phí vận chuy ऀ n theo sản phẩm.
- Xác ịnh tất cả các mặt hàng như là miễn phí vận chuy ऀ n. - Bao bì phiếu.
- Miễn phí vận chuy ऀ n cho từng nhóm khách hàng.
1.2.4. Tải mã nguồn của nopCommerce
Đ ऀ tải bộ mã nguồn của nopCommerce truy cập vào ịa chỉ: https://www.nopcommerce.com/
Sau ó bấm vào mục DOWNLOAD: 15 lOMoAR cPSD| 37186047
Hình 2: Trang chủ nopCommerce Hình 3: Phần Download
Bấm vào link DOWNLOAD hệ thống sẽ tự ộng tải xuống file nén 16 lOMoAR cPSD| 37186047
Hình 4: Trang DOWNLOAD của nopCommerce 17 lOMoAR cPSD| 37186047 CHƯƠNG II
CÀI ĐẶT NOPCOMMERCE
2.1. Giới thiệu về ONEDATA
Onedata.vn là một trong nhiều nhà cung cấp dịch vụ hosting.
Hình 5: Trang chủ của ONEDATA
2.2. Đăng kí host và tên miền
Hình 6: Thuê hosting windows 18 lOMoAR cPSD| 37186047
Hình 7: Bảng giá lựa chọn gói hosting
Sau khi lựa chọn ược giá hosting phù hợp ta bấm chọn nút ăng ký. Ở ây em ăng ký gói WIN03.
Hình 8: Đăng ký tên miền và ki ऀ m tra tên miền 19 lOMoAR cPSD| 37186047
Hình 9: Giao diện sau khi ăng ký tên miền
Sau khi ăng ký tên miền thành công, sẽ phải khai báo thông tin cá nhân và tài khoản
gmail. Hệ thống sẽ gửi lại thông tin về tài khoản hosting ã khởi tạo.
Hình 10: Thông tin ăng nhập hosting 20 lOMoAR cPSD| 37186047
Hình 11: Giao diện ăng nhập vào Plesk
Sau khi ăng nhập thành công chúng ta ã có một website với ịa chỉ truy cập, chọn quản lí website
ऀ vào trang quản trị của website, ở ây chúng ta có th ऀ bắt ầu upload source code của website và khởi tạo Database.
Dưới ây là phần ịa chỉ sẽ sử dụng ऀ cài ặt nopCommerce chạy website trên Internet: http://anhthuycomputer.com
Hình 12: Giao diện trang quản trị website 21 lOMoAR cPSD| 37186047
Hình 11, 12 là trang quản trị hosting của tên miền vừa tạo, tại ây chúng ta có th ऀ quản
trị Source Files, Database, Domain(tên miền website)....: http://anhthuycomputer.com
2.3. Upload file và cài ặt nopCommerce trên hosting
Có nhiều cách ऀ upload file lên hosting, chúng ta có th ऀ tải file nén với ịnh dạng
.zip hoặc sử dụng phần mềm upload: filezilla, SmartFTP... ऀ upload qua ftp của hosting.
Upload file nén của nopCommerce và giải nén trong thư mục httpdocs, di chuy ऀ n
các phần tử từ thư mục upload ra ngoài thư mục httpdocs, xóa các phần tử không dùng ến.
Lưu ý: Chỉ xóa các file không cần thiết trong thư mục httpdocs.
Hình 13: Các phần tử sau khi ược upload và giải nén
Đến ây các file cần thiết của nopCommerce ã sẵn sàng cho quá trình cài ặt.
2.4. Cài ặt nopCommerce
Bước 1: Tạo Database
Vào phần Databases ở trang quản trị host, bấm vào tạo Add Database ऀ tạo một Database
và tài khoản người dùng Database mới. 22 lOMoAR cPSD| 37186047
Hình 14: Giao diện tạo Database và tài khoản người dùng Database
Hình 15: Database và tài khoản người dùng Database ã tạo
Bước 2: Truy cập vào ịa chỉ: http://anhthuycomputer.com ã tạo ở mục trên ऀ khởi ộng quá
trình cài ặt của nopCommerce. 23 lOMoAR cPSD| 37186047
Hình 16: Form thông tin tạo tài khoản quản trị viên và thông tin cơ sở dữ liệu
Hình 17: Hình ảnh sau khi cài ặt nopCommerce thành công
Truy cập ịa chỉ http://anhthuycomputer.com/login ऀ vào giao diện login trang quản trị,
ăng nhập bằng tài khoản vừa tạo ở bước trên ta sẽ vào ược trang quản trị website của nopCommerce. 24 lOMoAR cPSD| 37186047
Hình 18: Giao diện trang ăng nhập
Hình 19: Giao diện trang quản trị
2.5. Việt hóa các chức năng người dùng
Đầu tiền chúng ta phải
ăng nhập vào trang quản trị website, chọn mục
Configuration→Languages chọn Add new ऀ tạo ngôn ngữ Tiếng Việt. Nhập vào form thông
tin ngôn ngữ Tiếng Việt. 25 lOMoAR cPSD| 37186047
Hình 20: Giao diện thêm ngôn ngữ Tiếng Việt
Từ phiên bản nopCommerce 3.90 và hiện tại là phi ऀ n bản 4.20 ta có th ऀ truy cập vào
https://www.nopcommerce.com/en/ → downloads → Translation ऀ tải gói ngôn ngữ Tiếng Việt.
Hình 21: Download gói ngôn ngữ Tiếng Việt
Sau khi tải xong, ta import gói ngôn ngữ Tiếng Việt ऀ việt hóa 26 lOMoAR cPSD| 37186047
Hình 22: Giao diện import gói Tiếng Việt
Hình 23: Chọn ngôn ngữ Tiếng Việt làm ngôn ngữ mặc ịnh 27 lOMoAR cPSD| 37186047
Hình 24: Giao diện trang quản trị sau khi ược việt hóa
Như thế cũng là chưa xong, vì chúng ta chỉ việt hóa cho các nút và giao diện thôi, vì khi
chúng ta qua ra Dashboard chúng ta sẽ thấy message.
You don't have localized version of message template [Blog.BlogComment] for Vietnam. Create it now You don't have localized version of message template
[Customer.EmailValidationMessage] for Vietnam.
Create it nowYou don't have localized version of message template
[Customer.PasswordRecovery] for Vietnam. Create it now ………………..
- Đ ऀ việt hóa cho những nội dung này, chúng ta vào Quản lý nội dung → Mẫu tin nhắn ऀ việt hóa.
- Ví dụ: click chỉnh sửa vào Blog.BlogComment, iền vào nội dung trong file
Blog.BlogComment.txt mà chúng ta download từ Nop.
Subject: %Store.Name%. Bình luận blog mới.
Body:

%Store.Name%
Một bình luận blog mới ược tạo
"%BlogComment.BlogPostTitle%".

28 lOMoAR cPSD| 37186047
Và chúng ta lập lại cho tất cả các content như thế, cho ến khi nào không còn thấy message vậy nữa.
Nếu bạn tìm thấy một lỗi trong dịch thuật hoặc muốn ặt tên tùy chỉnh, bạn có th ऀ chỉnh sửa tài nguyên chuỗi.
Chuy ऀ n ến Cấu hình → Ngôn ngữ. Cửa sổ Ngôn ngữ ược hi ऀ n thị:
Hình 25: Giao diện chỉnh sửa ngôn ngữ
Nhấp vào Chỉnh sửa, bên cạnh ngôn ngữ. Trong cửa sổ Chỉnh sửa chi tiết ngôn ngữ,
chọn bảng Tài nguyên chuỗi. 29 lOMoAR cPSD| 37186047
Hình 26: Giao diện chỉnh sửa chi tiết tài nguyên chuỗi
2.6. Thiết lập thông tin cửa hàng
Theo mặc ịnh cài ặt nopCommerce, chỉ có một cửa hàng ược tạo và cần ược ịnh cấu
hình, như ược mô tả bên dưới.
Đ ऀ thiết lập cửa hàng mặc ịnh, i ến Cấu hình → Cửa hàng.
Nhấp vào Chỉnh sửa bên cạnh một cửa hàng mặc ịnh ऀ ịnh cấu hình nó.
Hình 27: Giao diện cấu hình cửa hàng
Hình 28: Giao diện chỉnh sửa chi tiết thông tin cửa hàng 30 lOMoAR cPSD| 37186047
2.7. Thiết lập quốc gia
Phần này mô tả cách quản lý các quốc gia (nơi ặt khách hàng của bạn).
Đ ऀ xác ịnh cài ặt quốc gia, i ến Cấu hình → Quốc gia.
Hình 29: Giao diện chỉnh sửa chi tiết thông tin cửa hàng Thêm quốc gia mới
Bạn có th ऀ Xuất danh sách các quốc gia của tất cả các quốc gia ã ược thêm vào hệ
thống hoặc Nhập bổ sung.
Hoặc bạn có th ऀ thêm các quốc gia mới bằng tay. Đ ऀ thêm quốc gia mới vào danh
sách của bạn, nhấp vào Thêm mới. 31 lOMoAR cPSD| 37186047
Hình 30: Giao diện thêm quốc gia mới
Trên bảng thông tin quốc gia, xác ịnh cài ặt quốc gia sau: • Tên của ất nước.
• Chọn hộp ki ऀ m Cho phép ăng ký , ऀ cho phép khách hàng ở quốc gia này ăng ký tài
khoản cửa hàng. Theo mặc ịnh, tất cả các quốc gia ang hoạt ộng. Nếu bạn cần giới hạn
số lượng quốc gia mà ăng ký hồ sơ ược chào ón, hãy hủy kích hoạt tất cả các quốc gia
mà bạn không muốn ưa vào.
• Cho phép thanh toán cho khách hàng ở quốc gia này.
• Cho phép vận chuy ऀ n cho khách hàng ở quốc gia này.
• Nhập hai mã ISO của quốc gia này.
• Nhập mã ISO ba chữ cái của quốc gia này.
• Nhập mã ISO chữ số của quốc gia này.
• Chọn hộp ki ऀ m Tiêu ề VAT , ऀ cho biết khách hàng ở quốc gia này ược tính thuế
VAT EU (Thuế giá trị gia tăng của Liên minh Châu Âu).
Ghi chú: Trường này chỉ ược sử dụng khi tùy chọn VAT EU ược bật trên trang Cài ặt thuế
(Cấu hình → Danh mục thuế → Cài ặt thuế). Nhấn vào Lưu 32
Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com) lOMoAR cPSD| 37186047
Hình 31: Giao diện danh mục thuế
Thêm tiểu bang và tỉnh mới
Trên bảng iều khi ऀ n Bang và Tỉnh , bạn có th ऀ thêm ti ऀ u bang và tỉnh của ất nước.
Hình 32: Giao diện thêm ti ऀ u bang/tỉnh mới 33
Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com) lOMoAR cPSD| 37186047
Xác ịnh các chi tiết ti ऀ u bang / tỉnh sau:
• Tên của một ti ऀ u bang hoặc một tỉnh.
• Viết tắt cho tỉnh hoặc bang.
• Chọn hộp ki ऀ m Xuất bản , ऀ xuất bản ti ऀ u bang hoặc tỉnh trên trang web.
Trong trường Thứ tự hi ऀ n thị, nhập thứ tự hi ऀ n thị của tỉnh hoặc ti ऀ u bang này. Giá
trị 1 ại diện cho ầu danh sách. Nhấp vào Lưu.
2.8. Cài ặt hệ thống bảo vệ
Đ ऀ quản lý Cài ặt bảo mật, hãy i tới Cấu hình → Cài ặt → Cài ặt chung. Khối Cài
ặt bảo mật ược hi ऀ n thị trên trang Cài ặt chung:
Hình 33: Giao diện quản lý Cài ặt bảo mật
Xác ịnh Cài ặt bảo mật, như sau:
• Trong trường Quản trị khu vực IP ược phép, nhập ịa chỉ IP ược phép truy cập vào phụ
trợ. Đ ऀ trống trường này nếu bạn không muốn hạn chế quyền truy cập vào phụ trợ.
Sử dụng dấu phẩy giữa các ịa chỉ IP (ví dụ: 127.0.0.10, 232.18.204.16).
• Đánh dấu Force SSL cho tất cả các trang Trang ऀ thực thi SSL cho toàn bộ trang.
Điều này chỉ hữu ích khi bạn bật SSL trên các trang chi tiết cửa hàng của bạn. 34
Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com) lOMoAR cPSD| 37186047
Đánh dấu vào bảo vệ Bật XSRF cho khu vực quản trị ऀ bật bảo mật XSRF cho tất cả
các trang trong khu vực quản trị. Giả mạo yêu cầu trên nhiều trang web, còn ược gọi là
tấn công bằng một cú nhấp chuột và viết tắt là CSRF hoặc XSRF, là một loại khai thác
ộc hại của trang web theo ó các lệnh trái phép ược truyền từ người dùng mà trang web tin tưởng.
• Chọn tính năng bảo vệ Bật XSRF cho cửa hàng công cộng ऀ bật bảo mật XSRF cho
các trang trong cửa hàng công cộng. Giả mạo yêu cầu trên nhiều trang web, còn ược gọi
là tấn công bằng một cú nhấp chuột hoặc cưỡi phiên và viết tắt là CSRF ( ôi khi ược phát
âm là lướt sóng) hoặc XSRF, là một loại khai thác ộc hại của trang web theo ó các lệnh
trái phép ược truyền từ người dùng mà trang web tin tưởng.
• Đánh dấu vào Bật honeypot ऀ bật honeypot . Trong thuật ngữ máy tính, honeypot là
một cái bẫy ược thiết lập ऀ phát hiện, làm chệch hướng hoặc, theo một cách nào ó,
chống lại các nỗ lực sử dụng trái phép các hệ thống thông tin.
• Trong trường Khóa mã hóa riêng , nhập khóa riêng mã hóa ược sử dụng ऀ lưu trữ dữ
liệu nhạy cảm. Nhấp vào Thay ổi bất cứ lúc nào ऀ thay ổi phím này. Tất cả dữ liệu
nhạy cảm ược mã hóa bằng khóa riêng này.
Bảng tiếp theo sẽ hi ऀ n thị các cài ặt sau khi bật CAPTCHA ược chọn: 35
Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com) lOMoAR cPSD| 37186047 Hình 34: Giao diện CAPTCHA
• Hi ऀ n thị CAPTCHA trên trang ăng nhập.
• Hi ऀ n thị CAPTCHA trên trang ăng ký.
• Hi ऀ n thị CAPTCHA trên trang quên mật khẩu.
• Hi ऀ n thị CAPTCHA trên trang liên hệ với chúng tôi.
• Hi ऀ n thị CAPTCHA trên danh sách 'email mong muốn cho một người bạn'.
• Hi ऀ n thị CAPTCHA trên 'sản phẩm email cho bạn bè'.
• Nhập khóa công khai reCAPTCHA nếu ược bật.
• Nhập khóa riêng reCAPTCHA nếu bật. 2.9. Cài ặt PDF
Khi chạy một cửa hàng, bạn có th ऀ cần các tệp PDF ược tạo tự ộng, như hóa ơn và iều khoản thỏa thuận.
Đ ऀ xác ịnh cài ặt PDF, hãy i tới Cấu hình → Cài ặt → Cài ặt chung và tìm bảng cài ặt PDF: 36
Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com) lOMoAR cPSD| 37186047 Hình 35: Giao diện PDF
• Trong vùng logo PDF, kéo và thả tệp logo sẽ ược tải lên. Tệp hình ảnh này sẽ ược
hi ऀ n thị trên hóa ơn ặt hàng PDF. Nên sử dụng một hình ảnh nhỏ.
• Trong trường văn bản chân trang hóa ơn (cột bên trái), nhập văn bản sẽ xuất hiện ở dưới
cùng của hóa ơn ược tạo (cột bên trái).
• Trong trường văn bản chân trang hóa ơn (cột bên phải), nhập văn bản sẽ xuất hiện ở dưới
cùng của hóa ơn ược tạo (cột bên phải).
Đánh dấu vào kích thước trang Letter nếu bạn muốn tài liệu PDF của mình có kích thước
trang Letter. Khi hộp ki ऀ m này chưa ược sử dụng, kích thước trang A4 ược sử dụng theo mặc ịnh.
• Đánh dấu Vô hiệu hóa ơn PDF cho các ơn ặt hàng ang chờ xử lý nếu bạn không muốn
khách hàng của mình có th ऀ in hóa ơn PDF cho các ơn ặt hàng ang chờ xử lý. 37
Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com) lOMoAR cPSD| 37186047
Hình 36: Giao diện cài ặt GDPR
Cài ặt bổ sung sẽ cho phép bạn ghi lại nhật ký của các hoạt ộng sau:
• Đăng nhập "chấp nhận chính sách bảo mật".
• Đăng nhập "bản tin" ồng ý.
• Đăng nhập thay ổi hồ sơ người dùng.
Có th ऀ thêm sự ồng ý trên trang web thương mại iện tử của mình bằng cách nhấp vào nút Thêm sự ồng ý.
Trong khi thêm sự ồng ý, bạn có th ऀ xác ịnh các tùy chọn khác nhau, chẳng hạn như:
• Nếu cần có sự ồng ý.
• Nếu sự ồng ý sẽ ược hi ऀ n thị trong quá trình ăng ký.
• Nếu sự ồng ý sẽ ược hi ऀ n thị trên trang thông tin khách hàng trong tài khoản của tôi.
2.10. Thiết lập thông tin email -
nopCommerce cho phép người dùng có th ऀ cấu hình ược nhiều tài khoản email
khác nhau ऀ phục vụ cho việc gửi email thông qua nopCommerce tới người dùng. Ví dụ như
email hỗ trợ, email quảng cáo, email liên hệ… -
Đ ऀ thực hiện thêm email người dùng truy cập menu Cấu hình → Các tài khoản email 38
Downloaded by Hoa Ph??ng Phan th? (hoaphuong190723@gmail.com) lOMoAR cPSD| 37186047 -
Trong màn hình danh sách email thực hiện nhấn nút thêm mới ऀ tới trang thêm
mới email. Sau ó iền ẩy ủ thông tin cấu hình email và nhấn Lưu ऀ thực hiện quá trình thêm tài khoản email. CHƯƠNG III
ỨNG DỤNG XÂY DỰNG WEBSITE ANH THÚY COMPUTER
3.1. Giới thiệu về cửa hàng Anh Thúy Computer
Tên cửa hàng: Anh Thúy Computer
Sản phẩm kinh doanh: Máy tính, máy in, các linh kiện liên quan ến máy tính, máy in.
Địa chỉ: 266 Lê Lai – Ngô Quyền – Hải Phòng
Hiện tại cửa hàng mới giới thiệu sản phẩm thông qua các mạng xã hội như Facebook, Zalo,
một số các trang mua bán online.
3.2. Nghiệp vụ quản lí bán hàng tại cửa hàng Anh Thúy Computer. (Phát bi ऀ u bài toán)
3.2.1. Quản lí sản phẩm
Quản trị viên sẽ tiến hành nhập các thông tin sản phẩm hiện có tại cửa hàng bao gồm:
giá bán, hình ảnh, loại sản phẩm,... Tương tự với các sản phẩm nhập mới của cửa hàng.
3.2.2. Quản lí nhóm sản phẩm
Các sản phẩm ược chia ra làm nhiều loại nhóm sản phẩm ऀ thuận tiện trong công
tác quản lí, một sản phẩm có th ऀ gán cho một hoặc nhiều loại sản phẩm.
3.2.3. Chiến lược quảng cáo cửa hàng
Khi cửa hàng có chương trình khuyến mại hoặc sản phẩm mới, chủ cửa hàng sẽ ưa
quảng cáo qua mặt hàng: Các phần quà tặng khi khách hàng mua sản phẩm tại cửa hàng,
tặng thẻ giảm giá, tặng thẻ bảo dưỡng,...
Đưa nội dung quảng cáo trên facebook, zalo, website phục vụ cho marketing online. 39 lOMoAR cPSD| 37186047
3.2.4. Giao hàng và thanh toán
Sau khi khách hàng ặt hàng, chủ cửa hàng sẽ nhận ược thông báo, tiến hành giao
hàng cho khách. Khách hàng sẽ ược thanh toán qua 2 hình thức là ship COD(Cash on
Delivery – thanh toán khi nhận hàng) hoặc chuy ऀ n khoản qua tài khoản ngân hàng. 3.2.5. Báo cáo
Báo cáo thống kê bán hàng: sản phẩm ã xem, sản phẩm ã sửa, sản phẩm ã mua và
nhật kí làm việc của website, việc này cực kì thuận lợi trong việc nắm bắt ược tình hình
hoạt ộng kinh doanh của cửa hàng thay vì phương pháp thông kế trên giấy tờ truyền
thống gây ến sự thất lạc,… và mọi hoạt ộng làm việc trên website ều ược ghi lại một
cách tự ộng, dĩ nhiên chỉ người quản trị website mới xem ược.
3.2.6. Biểu ồ ngữ cảnh của hệ thống
Hình 37: Bi ऀ u ồ ngữ cảnh của hệ thống.
3.2.7. Cơ sở dữ liệu tổ chức lưu trữ
Khi thiết kế một phần mềm bán hàng online chúng ta chỉ cần quan tâm tới những
thông tin cần thiết cơ bản.
Bảng thiết kế dữ liệu của ơn ặt hàng: Độ STT Tên trường Kiểu trường Diễn giải rộng 1 Id int Định danh 40 lOMoAR cPSD| 37186047 Hướng dẫn ặt 2 OrderGuid uniqueidentifier hàng Định danh cửa 3 StoreId int hàng Định danh 4 CustomerId int khách hàng Định danh ịa 5 BillingAddressId int chỉ thanh toán Định danh ịa 6 ShippingAddressId int chỉ giao hàng Định danh 7 PickupAddressId int chọn ịa chỉ Nhận tại cửa 8 PickupInStore int hàng Định danh tình 9 OrderStatusId int trạng ặt hàng Định danh tình 10 ShippingStatusId int trạng giao hàng Định danh tình 11 PaymentStatusId int trạng thanh toán Phương thức 12 PaymentMethodSystemName nvarchar MAX thanh toán tên hệ thống 13 CustomerCurrencyCode nvarchar MAX Mã khách hàng 14 CurrencyRate decimal
(18, 8) Đơn vị tiền tệ Định danh loại 15 CustomerTaxDisplayTypeId int hi ऀ n thị thuế khách hàng 16 VatNumber nvarchar MAX Số VAT 41 lOMoAR cPSD| 37186047 Tổng thuế ặt 17 OrderSubtotalInclTax decimal (18, 4) hàng Tổng thuế phụ 18 OrderSubtotalExclTax nvarchar MAX ặt hàng Chiết khấu
19 OrderSubTotalDiscountInclTax nvarchar MAX tổng thuế ặt hàng Chiết khấu
20 OrderSubTotalDiscountExclTax nvarchar MAX tổng thuế phụ ặt hàng Tổng thuế giao 21 OrderShippingInclTax nvarchar MAX hàng Tổng thuế phụ 22 OrderShippingExclTax nvarchar MAX giao hàng Phương thức PaymentMethodAdditionalFeeIncl 23 nvarchar MAX thanh toán phí Tax bổ sung thuế Phương thức PaymentMethodAdditionalFeeExcl thanh toán phí 24 nvarchar Tax MAX bổ sung bao gồm thuế 25 TaxRates nvarchar MAX Thuế 26 OrderTax nvarchar MAX Thuế ặt hàng Giảm giá ơn 27 OrderDiscount nvarchar MAX hàng Tổng số ơn 28 OrderTotal nvarchar MAX hàng 29 RefundedAmount nvarchar MAX Hoàn tiền 42 lOMoAR cPSD| 37186047 Định danh lịch 30 RewardPointsHistoryEntryId int sử i ऀ m thưởng Mô tả thuộc
31 CheckoutAttributeDescription nvarchar MAX tính của Checkout Thanh toán 30 CheckoutAttributesXml nvarchar MAX thuộc tính Xml Định danh 33 CustomerLanguageId int ngôn ngữ khách hàng Định danh liên 34 AffiliateId int kết 35 CustomerIp nvarchar MAX Ip khách hàng Cho phép lưu
36 AllowStoringCreditCardNumber bit trữ số thẻ tín dụng 37 CardType nvarchar MAX 38 CardName nvarchar MAX Tên thẻ 39 CardNumber nvarchar MAX Số thẻ Số thẻ tín dụng 40 MaskedCreditCardNumber nvarchar MAX che mặt 41 CardCvv2 nvarchar MAX Thẻ Cvv2 Tháng hết hạn 42 CardExpirationMonth nvarchar MAX thẻ Năm hết hạn 43 CardExpirationYear nvarchar MAX thẻ 43 lOMoAR cPSD| 37186047 Định danh ủy 44 AuthorizationTransactionId nvarchar MAX quyền giao dịch Mã giao dịch
45 AuthorizationTransactionCode nvarchar MAX ủy quyền Kết quả giao
46 AuthorizationTransactionResult nvarchar MAX dịch ủy quyền Nắm bắt giao 47 CaptureTransactionId nvarchar MAX dịch Nắm bắt kết 48 CaptureTransactionResult nvarchar MAX quả giao dịch Giao dịch ăng 49 SubscriptionTransactionId nvarchar MAX ký 50 PaidDateUtc datetime2 7 Ngày trả tiền Phương pháp 51 ShippingMethod nvarchar MAX vận chuy ऀ n Phương thức
ShippingRateComputationMethodS tính toán giá 52 nvarchar ystemName MAX vận chuy ऀ n tên hệ thống Giá trị tùy 53 CustomValuesXml nvarchar MAX chỉnh Xml 54 Deleted bit Đã xóa 55 CreatedOnUtc datetime2 7 Tạo trên Uts Số thứ tự ặt 56 CustomOrderNumber nvarchar MAX hàng
Sau khi thiết kế dữ liệu trên mặt lý thuyết chúng ta tạo ược bảng cơ sở dữ liệu vật lý trên database như sau: 44 lOMoAR cPSD| 37186047
Bảng thiết kế dữ liệu của khách hàng ặt hàng: Độ STT Tên trường Kiểu trường Diễn giải rộng 1 Id int Định danh Hướng dẫn ặt 2 OrderGuid uniqueidentifier hàng 45 lOMoAR cPSD| 37186047 3 Username nvarchar 1000 Tên tài khoản 4 Email nvarchar 1000 Email Email ऀ xác 5 EmailToRevalidate nvarchar 1000 nhận lại 6 AdminComment nvarchar MAX Quản trị viên Được miễn 7 IsTaxExempt int thuế Định danh liên 8 AffiliateId int kết 9 VendorId int Định danh nhà cung cấp dữ liệu thông tin 10 HasShoppingCartItems bit Có giỏ hàng Yêu cầu ăng 11 RequireReLogin bit nhập Đăng nhập thất 12 FailedLoginAttempts int bại Không th ऀ 13 CannotLoginUntilDateUtc datetime2 7 ăng nhập cho ến ngày 14 Active bit Hoạt ộng 15 Deleted int Đã xóa Là tài khoản hệ 16 IsSystemAccount bit MAX thống 17 SystemName nvarchar 400 Tên hệ thổng Địa chỉ IP cuối 18 LastIpAddress nvarchar MAX cùng 19 CreatedOnUtc datetime2 7 Tạo trên Utc 46 lOMoAR cPSD| 37186047 Ngày ăng nhập 20 LastLoginDateUtc datetime2 7 cuối cùng Ngày hoạt 21 LastActivityDateUtc datetime2 7 ộng cuối cùng Utc Định danh 22 RegisteredInStoreId int ăng ký tại cửa hàng Định danh ịa 23 BillingAddress_Id int chỉ thanh toán Định danh ịa 24 ShippingAddress_Id int chỉ giao hàng
Sau khi thiết kế dữ liệu trên mặt lý thuyết chúng ta tạo ược bảng cơ sở dữ liệu vật lý trên database như sau:
Bảng thiết kế dữ liệu của sản phẩm: Độ STT Tên trường Kiểu trường Diễn giải rộng 1 Id int Định danh 47 lOMoAR cPSD| 37186047 Định danh 2 ProductTypeId int ki ऀ u sản phẩm Định danh sản 3 ParentGroupedProductId int phẩm ược nhóm Hi ऀ n thị cá 4 VisibleIndividually bit nhân 5 Name nvarchar 400 Tên Mô tả ngắn sản 6 ShortDescription nvarchar MAX phẩm Mô tả ầy ủ sản 7 FullDescription nvarchar MAX phẩm 8 AdminComment nvarchar MAX Quản trị viên Định danh 9 ProductTemplateId int mẫu sản phẩm Định danh tình 10 VendorId int trạng giao hàng Định danh nhà 11 PaymentStatusId int cung cấp Hi ऀ n thị trên 12 ShowOnHomepage bit trang chủ 13 MetaKeywords nvarchar 400 Từ khóa 14 MetaDescription nvarchar MAX Mô tả 15 MetaTitle nvarchar 400 Tiêu ề Cho phép 16 AllowCustomerReviews bit khách hàng ánh giá Tổng xếp hạng 17 ApprovedRatingSum int ược phê duyệt 48 lOMoAR cPSD| 37186047 Tổng số xếp 18 NotApprovedRatingSum int hạng không ược phê duyệt Tổng số phê 19 ApprovedTotalReviews int duyệt Tổng số không 20 NotApprovedTotalReviews int ược phê duyệt 21 SubjectToAcl bit Tiêu ề Giới hạn ối 22 LimitedToStores bit với cửa hàng Nhà sản xuất 23 ManufacturerPartNumber nvarchar 400 một phần số Là một thẻ quà 24 IsGiftCard bit tặng Định dạng loại 25 GiftCardTypeId int thẻ quà tặng Số lượng thẻ 36 OverriddenGiftCardAmount decimal (18, 4) quà tặng bị ghi è Yêu cầu các 27 RequireOtherProducts bit sản phẩm khác Sản phẩm bắt 28 RequiredProductIds nvarcher 1000 buộc Tự ộng thêm
29 AutomaticallyAddRequiredProducts bit sản phẩm cần thiết 30 IsDownload bit Tải xuống Định danh tải 31 DownloadId int xuống 49 lOMoAR cPSD| 37186047 Giới hạn tải 32 UnlimitedDownloads bit xuống Số lượt tải tối 33 MaxNumberOfDownloads int a Tải về ngày hết 34 DownloadExpirationDays int hạn Định danh tải 35 DownloadActivationTypeId int xuống loại kích hoạt 36 HasSampleDownload bit Tải mẫu Định dạng tải 39 SampleDownloadId int xuống mẫu Có thỏa thuận 37 HasUserAgreement bit người dùng Văn bản thỏa 38 UserAgreementText nvarchar MAX thuận người dùng 39 IsRecurring bit Đang tiến hành Chiều dài chu 40 RecurringCycleLength int kỳ ịnh kỳ Định dạng 41 RecurringCyclePeriodId int chiều dài chu kỳ ịnh kỳ 42 RecurringTotalCycles int Chu kỳ ịnh kỳ 43 RentalPriceLength int Giá cho thuê Giá cho thuê 44 RentalPricePeriodId int kỳ Sip ược kích 45 IsShipEnabled bit hoạt 46 IsFreeShipping bit Miễn phí ship 50 lOMoAR cPSD| 37186047 Giao hàng tận 47 ShipSeparately bit nơi Phí vận 48 AdditionalShippingCharge decimal (18,4) chuy ऀ n bổ sung Ngày giao 49 DeliveryDateId int hàng Được miễn 50 IsTaxExempt bit thuế Định danh 51 TaxCategoryId int danh mục thuế Quản lý 52 ManageInventoryMethodId int phương pháp ki ऀ m kê Sản phẩm có 53 ProductAvailabilityRangeId int sẵn Sử dụng nhiều 54 UseMultipleWarehouses bit kho Định danh Kho 55 WarehouseId int hàng Số lượng cổ 56 StockQuantity int phiếu Hi ऀ n thị 57 DisplayStockAvailability bit chứng khoán sẵn có Số lượng cổ 58 DisplayStockQuantity bit phiếu hi ऀ n thị Số lượng cổ 59 MinStockQuantity int phiếu thấp nhất 51 lOMoAR cPSD| 37186047 Định danh hoạt ộng 60 LowStockActivityId int chứng khoán thấp Thông báo cho
61 NotifyAdminForQuantityBelow int quản trị viên về số lượng 62 CallForPrice bit Gọi ऀ biết giá 63 Price decimal (18,4) Giá 64 OldPrice decimal (18,4) Giá cũ Có giảm giá áp 65 HasDiscountsApplied bit dụng 66 Weight decimal (18,4) Cân nặng 67 Length decimal (18,4) Chiều dài 68 Width decimal (18,4) Chiều rộng 69 Height decimal (18,4) Chiều cao Ngày bắt ầu có 70 AvailableStartDateTimeUtc datetime2 7 sẵn Ngày kết thúc 71 AvailableEndDateTimeUtc datetime2 7 có sẵn Thứ tự hi ऀ n 72 DisplayOrder int thị Được phát 73 Published bit hành 74 Deleted bit Đã xóa
Sau khi thiết kế dữ liệu trên mặt lý thuyết chúng ta tạo ược bảng cơ sở dữ liệu vật lý trên database như sau: 52 lOMoAR cPSD| 37186047 53 lOMoAR cPSD| 37186047
3.3. Một số ưu, nhược iểm khi xây dựng website bán hàng online. Ưu iểm
- Tiết kiệm thời gian i lại của khách hàng và chi phí quản lý của cửa hàng.
- Không bị giới hạn khách hàng.
- Phát tri ऀ n thương hiệu online.
- Quản lý dữ liệu nhanh chóng và chính xác. 54 lOMoAR cPSD| 37186047 Nhược iểm
- Chưa áp ứng ược ộ tin cậy vì khách hàng, vì khách hàng vẫn muốn xem trực tiếp sản phẩm.
- Độ bảo mật hệ thống chưa cao dẫn ến việc dễ ánh cắp dữ liệu.
3.4. Giới thiệu các chức năng của website Anh Thuý Computer
3.4.1. Giao diện quản trị người dùng
Truy cập vào trang quản trị website Anh Thúy Computer theo ịa chỉ:
http://anhthuycomputer.com/login?returnUrl=%2F
Nhập tài khoản và mật khẩu ऀ ăng nhập:
Hình 38: Giao diện ăng nhập vào trang quản trị
Sau khi ăng nhập thành công và nhấp vào Quản trị giao diện trang quản trị sẽ hiện ra: 55 lOMoAR cPSD| 37186047
Hình 39: Giao diện vào trang chủ quản trị
Hình 40: Giao diện trang chủ trang quản trị.
Trong ó có các tính năng như sau: Mục lục:
• Tạo và thiết lập như tên sản phẩm, giá cả, hình ảnh nổi bật, nhà sản xuất, các thuộc tính,
thông số… nhằm th ऀ hiện toàn bộ thông tin của một sản phẩm ở trên website.
• Thiết lập các sản phẩm một cách tốt nhất là bước quan trọng ối với một cửa hàng. Chắc
chắn không bỏ bất kỳ chi tiêt nào, như kích thước, tùy chọn màu sắc, mô tả, hình ảnh
sản phẩm ऀ khách hàng có ược thông tin chính xác nhất mà chủ cửa hàng muốn cung cấp tới khách hàng. 56 lOMoAR cPSD| 37186047 Bán hàng:
• Cho phép quản trị viên dễ dàng theo dõi ơn hàng và việc vận chuy ऀ n ơn hàng.
• Quản trị viên có th ऀ theo dõi ược ơn hàng ang ở trạng thái nào: Đang chờ xử lý, Đang
xử lý, Hoàn thành, Đã hủy và cũng có th ऀ xem ược tình trạng thanh toán ơn hàng, tình trạng giao hàng,…
• Đ ऀ truy cập vào menu Bán hàng → Đơn ặt hàng trong giao diện ơn ặt hàng, quản
trị viên có th ऀ lọc nhanh ऀ tìm kiếm các thông tin cần tra cứu. Khách hàng:
• Những thống kê ऀ chủ cửa hàng có th ऀ biết ược thông tin khách hàng ã mua tổng
bao nhiêu tiền trên hệ thống, ã ặt bao nhiêu ơn hàng.
• Quản trị viên sẽ quản lý ược thông tin của khách hàng có trên hệ thống, tra cứu ược mọi
thông tin liên quan tới khách hàng như: Đơn ặt hàng của khách hàng, danh sách mong
muốn sẽ mua của khách hàng, giỏ hàng hiện tại ang ặt hàng những gì, lịch sử ăng nhập
hệ thống, cho phép người dùng gửi email trực tiếp tới khách hàng.
• Thực hiện tiếp thị sản phẩm tới khách hàng ऀ có th ऀ chuy ऀ n ổi cơ hội mua hàng của khách hàng.
• Cho phép quản trị viên hoặc nhữn tài khoản ược phân quyền có th ऀ tạo ra các chiến
dịch tiếp thị sau ó gửi email tới khách hàng với nội dung ược thiết lập. Khuyến mãi:
• Cho phép quản trị viên tạo hoặc thiết lập các quảng cáo ऀ tiếp thị các sản phẩm của
cửa hàng ến khách hàng. Đồng thời khuyến khích các ối tác, nhà cung cấp liên kết ऀ
tạo doanh thu và uy tín cho cửa hàng.
Quản lý nội dung:
• Quản trị viên hoặc những tài khoản ược phân quyền hoàn toàn có th ऀ viết bài tin chia
sẻ, giới thiệu, tạo các cuộc thăm dò ý kiến của khách hàng ऀ qua ó ưa ra những phương
hướng phát tri ऀ n mới cho cửa hàng. Cấu hình:
• Cho phép quản trị viên cài ược thêm nhiều các giao diện khác nhau khá giống với 57 lOMoAR cPSD| 37186047
Wordpress. Quản trị viên có th ऀ lên trang chủ của nopCommerce ऀ tải về mẫu giao
diện phù hợp với nhu cầu của người dùng.
• Cho phép quản trị viên có th ऀ mở rộng, chỉnh sửa, thay ổi các chức năng của cửa hàng.
Hình 41: Giao diện trang quản trị danh sách sản phẩm. ❖ Quản lý mục lục
- Thêm sản phẩm : Đ ऀ thêm mới sản phẩm chọn Mục lục → Các sản phẩm
→ nhấn vào nút Thêm mới, chọn tab ngôn ngữ Tiêu chuẩn.
- Chúng ta sẽ nhập các thông tin cơ bản : Tên sản phẩm, Mô tả ngắn, Mô tả ầy ủ. - 58 lOMoAR cPSD| 37186047
Hình 42: Giao diện chỉnh sửa chi tiết sản phẩm.
Chúng ta sẽ nhập giá cũ và giá bán hiện tại úng với giá của cửa hàng.
Hình 43: Giao diện chỉnh sửa giá tiền sản phẩm.
Tiếp theo chúng ta sẽ thêm hình ảnh minh họa cho sản phẩm: Tải lên một tài liệu → Chọn
ảnh muốn thêm → Thêm hình ảnh sản phẩm
Hình 44: Giao diện thêm hình ảnh sản phẩm.
Thêm thuộc tính ặc i ऀ m kỹ thuật của sản phẩm bằng cách Thêm thuộc tính 59 lOMoAR cPSD| 37186047
Hình 45: Giao diện thuộc tính ặc i ऀ m kĩ thuật của sản phẩm vừa tạo.
Hình 46: Danh sách loại sản phẩm ã tạo.
Hệ thống sẽ hiện ra các tab chứa form: iền ầy ủ thông tin về loại sản phẩm cần tạo và ấn
vào nút Lưu. Quay lại danh sách ta sẽ xem ược loại sản phẩm vừa tạo. 60 lOMoAR cPSD| 37186047 -
Thêm nhóm sản phẩm : Trên thanh menu chọn Mục lục → Nhóm sản phẩm ấn vào nút Thêm mới
Hình 47: Giao diện nhóm sản phẩm ược tạo.
Ngoài ra ta cũng có th ऀ chỉnh sửa bằng cách nhấn vào ô Chỉnh sửa sao cho phù hợp.
Tiếp theo, iền hoặc sửa ầy ủ thông tin về Tên, Sự miêu tả của từng nhóm sản phẩm. Tại
danh mục hình ảnh, tải lên một hình ảnh minh họa cho nhóm sản phẩm vừa tạo bằng cách: Tải
lên một tài liệu → Chọn hình ảnh muốn → Cuối cùng nhấn Lưu ऀ lưu lại những thay ổi.
Hình 48: Giao diện thông tin nhóm sản phẩm. 61 lOMoAR cPSD| 37186047 -
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi.
Thêm nhà sản xuất : Trên thanh menu chọn Mục lục → Nhà sản xuất của ấn vào nút Thêm mới
Hình 49: Giao diện danh sách các nhà sản xuất.
Hình 50: Giao diện ánh giá sản phẩm. Danh sách thẻ sản phẩm 62 lOMoAR cPSD| 37186047 -
Ta có th ऀ chỉnh sửa hoặc xóa bỏ các Thẻ sản phẩm
Hình 51: Giao diện thẻ sản phẩm.
- Thuộc tính ặc i ऀ m kĩ thuật
Thêm thuộc tính ặc i ऀ m kĩ thuật: Trên thanh menu chọn Mục lục → Thuộc tính → Thuộc
tính ặc iểm kĩ thuật và nhấn nút Thêm mới
Hình 52: Giao diện các thuộc tính ặc i ऀ m kĩ thuật. 63 lOMoAR cPSD| 37186047
Ngoài ra ta cũng có th ऀ chỉnh sửa bằng cách nhấn vào Chỉnh sửa. Và nhấn vào Thêm tùy
chọn mới nếu cần.
Hình 53: Giao diện chỉnh sửa chi tiết thuộc tính ặc i ऀ m kĩ thuật.
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi. ❖ Bán hàng
Ta chọn mục Bán hàng → Đơn ặt hàng trên thanh menu sẽ hiện ra danh sách các ơn hàng mà khách hàng ã ặt.
Đ ऀ chỉnh sửa thông tin trạng thái một ơn hàng, ta nhấn vào nút Chỉnh sửa
Hình 54: Giao diện danh sách ơn ặt hàng. 64 lOMoAR cPSD| 37186047
Ở ây chúng ta quan tâm ến phẩm Tình trạng ặt hàng, mọi ơn hàng sau khi ặt hàng ều ở trạng
thái mặc ịnh là Đang chờ xử lý. Hãy cập nhật sau khi trạng thái của ơn hàng thay ổi.
Hình 55: Giao diện chỉnh sửa chi tiết ơn ặt hàng.
Hình 56: Giao diện thông tin thanh toán ơn ặt hàng. 65 lOMoAR cPSD| 37186047
Hình 57: Giao diện danh sách sản phẩm trong ơn ặt hàng.
Hình 58: Giao diện sau khi chỉnh sửa tình trạng ơn ặt hàng. - Thẻ quà tặng
Thêm mới thẻ quà tặng: Thẻ quà tặng → Thêm mới 66 lOMoAR cPSD| 37186047
Hình 59: Giao diện danh sách thẻ quà tặng.
Hình 60: Giao diện chỉnh sửa chi tiết thẻ quà tặng.
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi. ❖ Khách hàng
Thêm mới hoặc chỉnh sửa khách hàng: Khách hàng → Khách hàng → Thêm mới/Chỉnh sửa 67 lOMoAR cPSD| 37186047
Hình 61: Giao diện danh sách khách hàng.
Hình 62: Giao diện chỉnh sửa chi tiết khách hàng.
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi.
- Vai trò khách hàng
Thêm vai trò khách hàng: Khách hàng → Vai trò khách hàng → Thêm mới 68 lOMoAR cPSD| 37186047
Hình 63: Giao diện vai trò khách hàng.
Hình 64: Giao diện chỉnh sửa chi tiết nhóm khách hàng ã ăng ký.
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi. 69 lOMoAR cPSD| 37186047 -
Danh sách khách hàng trực tuyến
Hình 65: Giao diện danh sách khách hàng ang trực tuyến. - Giảm giá
Thêm mới/Chỉnh sửa phần giảm giá: Khuyến mãi → Giảm giá
Hình 66: Giao diện danh sách mã giảm giá.
Chỉnh sửa phần giảm giá: Khuyến mãi → Giảm giá 70 lOMoAR cPSD| 37186047
Hình 67: Giao diện chi tiết giảm giá.
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi.
- Đăng kí nhận bản tin
Thêm mới/Chỉnh sửa người ăng kí bản tin: Khuyến mãi → Người ăng kí bản tin
Hình 68: Giao diện danh sách ăng ký nhận bản tin.
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi. Quản lý nội dung: 71 lOMoAR cPSD| 37186047 -
Thêm mới/Chỉnh sửa quản lý nội dung: Quản lý nội dung → Mẫu tin nhắn
Hình 69: Giao diện trang quản trị danh sách trang bi ऀ u mẫu tin nhắn.
Hình 70: Giao diện trang quản trị chi tiết bi ऀ u mẫu tin nhắn.
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi. 72 lOMoAR cPSD| 37186047 - Cài ặt chung
Chỉnh sửa Cấu hình: Cấu hình → Cài ặt → Cài ặt chung
Hình 71: Giao diện cài ặt chung.
Sau khi chỉnh sửa hoàn tất rồi nhấn Lưu ऀ lưu lại những hành ộng vừa thay ổi. - Cài ặt khách hàng:
Hình 72: Giao diện cài ặt khách hàng. 73 lOMoAR cPSD| 37186047 - Cài ặt ơn ặt hàng
Hình 73: Giao diện trang quản trị cài ặt ơn hàng. - Cài ặt giao hàng
Hình 74: Giao diện trang quản trị cài ặt giao hàng. Cài ặt thuế 74 lOMoAR cPSD| 37186047 -
Hình 75: Giao diện cài ặt thuế. - Cài ặt danh mục hàng
Hình 76: Giao diện cài ặt danh mục hàng hóa. Cài ặt giỏ hàng 75 lOMoAR cPSD| 37186047 -
Hình 77: Giao diện trang quản trị cài ặt giỏ hàng.
- Cấu hình tài khoản email
Hình 78: Giao diện cấu hình tài khoản email. Cấu hình cửa hàng 76 lOMoAR cPSD| 37186047 -
Hình 79: Giao diện trang quản trị cấu hình cửa hàng. - Cấu hình thanh toán
Hình 80: Giao diện cấu hình cửa hàng. 77 lOMoAR cPSD| 37186047 - Thông tin hệ thống
Hình 81: Giao diện thông tin hệ thống.
3.4.2 Giao diện người dùng Trang chủ
Thông thường chúng ta phải ăng kí ऀ sử dụng giỏ hàng nhưng với lần ầu sử dụng, hãy cứ
khám phá hết trang web, lựa chọn sản phẩm phù hợp và bấm nút thêm vào giỏ hàng.
Xem sản phẩm chi tiết: ऀ xem sản phẩm chi tiết nhấn vào hình ảnh ại diện hoặc tiêu ề sản phẩm.
Đặt hàng: Chọn sản phẩm và số lượng cần mua, mỗi lần bấm thêm sản phẩm sẽ ược thêm với
số lượng ặt hàng ã chọn. Sau ó nhấn vào Thêm vào giỏ hàng.
Giỏ hàng: Bấm vào giỏ hàng ở góc trên bên trái chọn xem giỏ hàng, ở ây chúng ta có th ऀ
cập nhật số lượng hoặc loại bỏ sản phẩm không cần ến bằng cách tích vào ô bên trái sản phẩm
và ấn cập nhật. Lưu ý chỉ bỏ sản phẩm nào không ến mới tích vào ô bên trái sản phẩm, ऀ khi
nhấn cập nhật sản phẩm ta lựa chọn không bị mất i. 78 lOMoAR cPSD| 37186047 - 79 lOMoAR cPSD| 37186047
Hình 82: Giao diện trang chủ.
Hình 83: Giao diện trang sản phẩm phần danh mục. 80 lOMoAR cPSD| 37186047
Hình 84: Giao diện trang sản phẩm phần danh sách.
Ví dụ: Chúng ta sẽ tiến hành mua sản phẩm : Bộ case máy tính PC.
Bước 1: Vào phần Tìm kiếm sản phẩm trong trang chủ → gõ PC Gaming → Nhấn vào 1 bộ case PC muốn mua.
Hình 85: Giao diện trang sản phẩm phần chi tiết sản phẩm.
Bước 2: Đặt hàng bằng cách nhấn vào nút Thêm vào giỏ hàng (có th ऀ chọn thêm sản phẩm
muốn mua) → nhấn vào phần Giỏ hàng. - Trang giỏ hàng 81 lOMoAR cPSD| 37186047
Hình 86: Giao diện trang giỏ hàng.
Trong giao diện giỏ hàng ta tích vào ô “Tôi ồng ý với các iều khoản dịch vụ và tôi tuân thủ
chúng một cách vô iều kiện” → nhấn vào Kiểm tra
Hình 87: Giao diện ịa chỉ thanh toán.
Chọn ịa chỉ thanh toán hoặc ịa chỉ mới → Tiếp tục 82 lOMoAR cPSD| 37186047
Hình 88: Giao diện phương pháp vận chuy ऀ n.
Chọn phương pháp vận chuy ऀ n → Tiếp tục.
Hình 89: Giao diện phương thức thanh toán.
Chọn phương thức thanh toán → Tiếp tục. 83 lOMoAR cPSD| 37186047
Hình 90: Giao diện thông tin thanh toán.
Nhập thông tin thanh toán → Tiếp tục.
Hình 91: Giao diện xác nhận ơn hàng.
Cuối cùng chọn Xác nhận.
Sau khi khách hàng ặt hàng xong ta vào: Bán hàng → Đơn ặt hàng → Chỉnh sửa → nhấn
Hóa ơn (PDF) và gửi hóa ơn ó theo mail của khách hàng ã ăng kí. 84 lOMoAR cPSD| 37186047
Hình 92: Giao diện ơn ặt hàng. 85 lOMoAR cPSD| 37186047 KẾT LUẬN 1. Kết quả ạt ược
1.1 Đánh giá chung
Qua quá trình thực hiện ồ án tốt nghiệp, em ã hi ऀ u ược các bước ऀ có th ऀ xây dựng
một website dựa trên framework nopCommerce cũng như phát tri ऀ n thêm module ặc thù
riêng cho nopCommerce. Kiến thức là vô cùng và em chưa th ऀ hi ऀ u tường tận hết.
1.2 Đánh giá ưu iểm và hạn chế
1.2.1 Ưu iểm
• Website ược xây dựng ầy ủ với các chức năng chính ặt ra cho một website thương mại iện tử.
• Giao diện thân thiện với người sử dụng, các thao tác dễ dàng ược nhìn thấy và thực hiện.
1.2.2 Hạn chế
• Hướng dẫn sử dụng còn hạn chế không có nhiều tài liệu.
• Một số chức năng việc cấu hình là khá khó khăn.
• Dùng hệ quản trị cơ sở dữ liệu SQL SERVER không phù hợp nếu hệ thống phát tri ऀ n với quy mô lớn hơn.
• Tốc ộ tải trang khá chậm.
• Chưa tạo ược plugin ăng ký tài khoản khách hàng bằng số iện thoại.
2. Hướng phát triển trong tương lai
Website tuy ã có th ऀ áp ứng ược các yêu cầu chính của ề tài, nhưng vì thời gian làm
Đồ án hạn chế nên hệ thống vẫn chưa thực sự hoàn chỉnh về tính năng cũng như áp ứng nhu cầu
thực tế của người dùng. Đ ऀ hệ thống hoàn thiện hơn trong tương lai, em xin ề xuất hướng phát tri ऀ n như sau:
• Bổ sung thêm hướng dẫn sử dụng cho các module cụ th ऀ .
• Hoàn thiện thêm các tính năng marketing cần có cho website thương mại iện tử ऀ tăng
khả năng chuy ऀ n ổi khách hàng mua hàng
Thay ổi hệ quản trị cơ dở dữ liệu ऀ hệ thống dễ phát tri ऀ n lớn hơn. 86 lOMoAR cPSD| 37186047
TÀI LIỆU THAM KHẢO
https://docs.nopcommerce.com/en/index.html https://www.youtube.com/user/nopCommerce 87

Xây dựng website bán hàng sử dụng phần mềm mã nguồn mở Nopcommerce

Thông tin :

Tài liệu liên quan:

TOP 500 Câu hỏi trắc nghiệm môn Kiến trúc máy tính | Học viện Công Nghệ Bưu Chính Viễn Thông

Bài tập lớn môn Kiến trúc máy tính bao gồm phần làm việc cá nhân và làm việc nhóm | Học viện Công nghệ Bưu chính Viễn thông

Bài tập lớn môn học Kiến trúc máy tính đề tài "Tìm hiểu về thông số kỹ thuật và kiến trúc phần cứng của thiết kế SAN STORAGE"

Đề cương tổng hợp các loại bài tập môn Kiến trúc máy tính có lời giải | Học viện Công nghệ Bưu chính Viễn thông