Báo cáo đồ án công nghệ thông tin: Xây dựng Website thương mại

MỤC LỤC
MỤC LỤC...........................................................................................................................................1
LƠÌ MỞ ĐẦU......................................................................................................................................3
CHƯƠNG I : KHẢO SÁT VẤN ĐỀ..........................................................................................................4
1.1. Tóm tắt dự án.........................................................................................................................4
1.2. Khảo sát hệ thống hiện tại......................................................................................................5
1.3. Mô hình tổng quan xây dựng..................................................................................................6
CHƯƠNG II : PHÂN TÍCH....................................................................................................................8
2.1. Tác nhân..................................................................................................................................8
2.2. Mô hình hóa chức năng........................................................................................................10
2.2.1. Biều đồ USER CASE........................................................................................................10
2.2.2. Biều đồ tham gia ca sử dụng..........................................................................................13
2.2.3. Biểu đồ tuần tự..............................................................................................................20
2.2.4. Biểu đồ thực thể liên kết................................................................................................29
CHƯƠNG III: THIẾT KẾ......................................................................................................................30
3.1. Kiến trúc nền tảng................................................................................................................30
3.1.1. Tổng quan về kiến trúc nền tảng....................................................................................30
3.1.2. Kiến trúc phần cứng.......................................................................................................31
3.1.3 . Kiến trúc phần mềm......................................................................................................32
3.2. Kiến trúc hệ thống................................................................................................................33
3.2.1. Module Laravel..............................................................................................................34
3.3. Mô hình triển khai................................................................................................................35
3.4. Thiết kế chi tiêt.....................................................................................................................36
3.4.1. Bảng USER......................................................................................................................36
3.4.2. Bảng USER_GROUP........................................................................................................37
3.4.3. Bảng GROUP..................................................................................................................37
3.4.4. Bảng CATEGORIES..........................................................................................................37
3.4.5. Bảng PRODUCTS............................................................................................................38
3.4.6. Bảng product_attribute.................................................................................................38
3.4.7. Bảng product_attribute_category..................................................................................39
3.4.8. Bảng product_attribute_value.......................................................................................39

3.4.9. Bảng product_bulk_price...............................................................................................40
3.4.10. Bảng product_customer..............................................................................................40
3.4.11. Bảng product_entities..................................................................................................40
3.4.11. Bảng product_stores....................................................................................................41
1


3.4.12. Bảng product_tab........................................................................................................41
3.4.13. Bảng orders..................................................................................................................42
3.4.14. Bảng orders_detail.......................................................................................................42
3.4.15. Bảng Images.................................................................................................................43
3.4.16. Bảng Brand...................................................................................................................43
3.4.17. Bảng store....................................................................................................................44
3.4.18. Bảng Brand_store........................................................................................................44
CHƯƠNG IV : GIAO DIỆN.................................................................................................................45
4.1 Giao diện người dùng............................................................................................................45
4.1.1Giao diện trang chủ.........................................................................................................45
4.1.2 Giao diện giỏ hàng..........................................................................................................46
4.1.3. Giao diện thanh toán.....................................................................................................46
4.2. Giao diện admin....................................................................................................................47
4.2.1. Giao diện thống kê.........................................................................................................47
4.2.2. Giao diện quản lý category:...........................................................................................48
4.2.5. Giao diện quản lý sản phẩm...........................................................................................50
4.2.6. Giao diện thêm mới sản phẩm.......................................................................................51
4.2.7. Giao diện quản lý đơn hàng...........................................................................................52
KẾT LUẬN.........................................................................................................................................53
TÀI LIỆU THAM KHẢO......................................................................................................................54
1. , truy nhập cuối cùng ngày 01/05/2016.....................................54
2. truy nhập cuối cùng ngày 01/05/2016....................................54
3. truy nhập cuối cùng ngày

01/05/2016..................................................................................................................................54
4. truy nhập cuối cùng ngày 01/05/2016.
.....................................................................................................................................................54
5. truy nhập cuối cùng ngày 01/05/2016..........54
6. truy nhập cuối cùng ngày 01/05/2016............54
7. truy nhập cuối cùng ngày 01/05/2016............54

2


LƠÌ MỞ ĐẦU

Với sự phát triển nhảy vọt của công nghệ thông tin hiện nay, Internet ngày càng
giữ vai trò quan trọng trong các lĩnh vực khoa học kĩ thuật và đời sống. Dĩ nhiên
các bạn đã được nghe nói nhiều về Internet, nói một cách đơn giản, Internet là một
tập hợp máy tính nối kết với nhau, là một mạng máy tính toàn cầu mà bất kì ai cũng
có thể kết nối bằng máy PC của họ. Với mạng Internet, tin học thật sự tạo nên một
cuộc cách mạng trao đổi thông tin trong mọi lĩnh vực văn hóa, xã hội, chính trị,
kinh tế...
3


Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm
Web” thì việc có một Website để quảng bá công ty hay một Website cá nhân không
còn là điều gì xa xỉ nữa. Thông qua Website khách hàng có thể lựa chọn những sản
phẩm mà mình cần một cách nhanh chóng và hiệu quả.
Với công nghệ Word Wide Web, hay còn gọi là Web sẽ giúp bạn đưa những
thông tin mong muốn của mình lên mạng Internet cho mọi người cùng xem một
cách dễ dàng với các công cụ và những ngôn ngữ lập trình khác nhau. Sự ra đời của
các ngôn ngữ lập trình cho phép chúng ta xây dựng các trang Web đáp ứng được

các yêu cầu của người sử dụng. PHP (Personal Home Page) là kịch bản trên phía
trình chủ (Server Script) cho phép chúng ta x ây dựng trang Web trên cơ sở dữ liệu.
Với nhiều ưu điểm nổi bật mà PHP và MySQL được rất nhiều người sử dụng.
Với lí do đó, được sự hướng dẫn và giúp đỡ của thầy Th.s Trần Thanh
Huân, chúng em đã chọn đề tài “Xây dựng Website thương mại” làm đề tài cho Đồ
Án Tốt Nghiệp của mình.
Trong quá trình thực hiện đồ án này em đã nhận được sự giúp đỡ chỉ bảo tận
tình của các thầy. Chúng em xin chân thành cảm ơn thầy Th.s Trần Thanh Huân
đã hướng dẫn trong quá trình hoàn thành đề tài.

CHƯƠNG I : KHẢO SÁT VẤN ĐỀ
1.1. Tóm tắt dự án
Với sự ra đời và phát triển công nghệ thông tin trên thế giới ngày càng cao,
việc tìm hiểu thông tin trên mạng internet của nhóm khách hàng là rất nhiều.
Thêm vào đó internet là một công cụ tìm kiếm và lấy thông tin rất rễ dàng,
nhanh chóng và chính xác. Vì vậy, nó được nhiều người sử dụng.
Trong cuộc sống hiện đại, những khái niệm về “bán hàng trực tuyến”, “siêu
thị trực tuyến” và các địa chỉ mua bán trực tuyến ngay tại việt nam hay trên toàn
thế giới như www.g.o.l.com, www.ebay.com … Chắc chắn không còn quá xa lạ
đối với nhiều người. Nó đã trở thành những khái niệm, với những địa chỉ quen
thuộc trên mạng internet. Qua một thời gian xâm nhập thực tế và tìm hiểu nhu
4


cầu của xã hội. Hiện nay, nhiều nhóm khách hàng lựa chọn việc tìm kiếm thông
tin, trao đổi mua bán trên internet là rất lớn. Đứng trước nhu cầu thực tế đó,
chúng tôi đã quyết định thực hiện dự án thiết kế một website thương mại.
Hiện nay sản phẩm điện thoại đang được sử dụng rộng dãi trong đời sống,
nhưng vẫn là loại mặt hàng mới và được nhiều nhóm khách hàng quan tâm.
Chính vì vậy chúng tôi đã quyết định xây dựng một website kinh doanh về điện

thoại. Website sẽ cung cấp cho khách hàng một dịch vụ bán hàng hoàn hảo, dịch
vụ tư vấn chuyên nghiệp- trực tiếp ( hình thức online ). Cung cấp những thông
tin bổ ích về máy tính nói chung và sản phẩm điện thoại nói riêng. Cung cấp
một dịch vụ đồng bộ và chuyên biệt về sản phẩm mà website Vncharm cung cấp
1.2. Khảo sát hệ thống hiện tại
Hiện nay trên cộng đồng internet cũng đã tồn tại rất nhiều website thương
mại điện tử nhưng trong quá trình tìm hiểu thì chúng tôi thấy các website này
còn tồn tại rất nhiều bất cập như:
Thứ nhất là: Các trang web vẫn chưa có giao diện thân thiện, tiên dụng cho
người dùng: Các navigation bố trí chưa hợp lý, là tốn khoảng không gian cho
chưng bày sản phẩm. Hình ảnh quảng cáo quá nhiều, làm cho người dùng phi
mất tập trung vào sản phẩm. Trong khi website đang là một website bán sản
phẩm ( không phải bán quảng cáo ), Menu banner còn đang bị phức tạp hoá
so với vai trò, chức năng thực sự,... => làm giảm tính tương tác với người
dùng.
Thứ hai là: Các trang web vẫn chưa cung cập được các thông tin cần và đủ
để thuyết phục người dùng mua hàng sau khi xem sản phẩm như: Hình ảnh thiết kế, tính năng, hiệu xuất làm việc, phần mềm hỗ trợ, thông số kỹ thuật,
Chủng loại-Hãng sản xuất,... => giảm sự tin tưởng của khác hàng đối với
website
Thứ ba là: Các trang web vẫn chưa thấy cung cấp dịch vụ trong khi khách
hàng đang thăm website, xem sản phẩm như: Tư vấn trực tiếp bằng các hình
thức online (chat Yahoo, skype, ola,…)=>không liên kết, giữa người dùng
và website công ty.
Thứ tư là: Chưa ứng dụng hiệu quả những công nghệ mới, phương pháp mới
(CSS2, CSS3, JQuery, AJAX,...) để làm website dẫn đến: Giảm tính động
của website.

5

Thứ năm là: Còn lạm dụng, sử dụng nhiều Flash trong website, trong quảng
cáo=> các trang website load châm, giảm hiệu năng của website, không
tương tác với một số trình duyệt,…
Thứ sáu là : Các website chưa thích hợp trên nhiều cấu hình ví dụ như điện
thoại, Ipad...=>giảm sự tương tác của website với người dùng
Cuối cùng: Nhiều chức năng trong website còn chưa hoạt động hiệu quả như;
Chức năng tìm kiếm, chức năng giỏ hàng, chức năng sắp xếp, hiển thị, lọc
sản phẩm,…=> làm cho website hoạt động thiếu hiệu quả.

1.3. Mô hình tổng quan xây dựng
Hệ thống thương mại điện tử VnCharm ra đời nhằm cung cấp một cổng để
kết nối gần hơn giữa doanh nghiệp và người tiêu dùng. Hệ thống cũng kết nối
tới các dịch vụ vận chuyển của Viettel POST, hệ thống thanh toán Quốc gia
Keypay và dịch vụ nhắn tin SMS của Fibo.

6


Hình 1.1. Mô hình tổng quan hệ thống

Hệ thống Vncharm cung cấp giao diện Web tương thích trên cả nền desktop
và mobile một cách khoa học , trực quan, sinh động và dễ dàng sử dụng.
TT

Tên hệ thống

Chú thích

Bên cung cấp thứ 3
7

-

Hệ thống thanh toán Quốc gia Keypay. Để thanh
toán trực tuyến các đơn hàng đặt mua.

-

Đối tác vận chuyển của VnCharm lấy hàng từ kho
để chuyển cho khách hoặc thu hộ tiền (COD).

Khách hàng

-

Người mua hàng của hệ thống.

Doanh nghiệp

-

Là đối tác của VnCharm.

Nginx

-

Phân tải cho hệ thống.

Redis

-

Tăng tốc hiệu năng hệ thống.

Elasticsearch

-

Hỗ trợ khách hàng tìm kiếm sản phẩm.

Mysql Database

-

Database lưu trữ dữ liệu VnCharm.

-

Dùng để kết nối, quản lý và thực hiện các nghiệp vụ
logic chính cho toàn bộ hệ thống.

Keypay

ViettelPOST
Enduser

VnCharm

Laravel

Bảng 1.1. Các thành phần và tác nhân

CHƯƠNG II : PHÂN TÍCH
2.1. Tác nhân
 Administrator là thành viên quản trị của hệ thống, có các quyền và chức
năng như: tạo các tài khoản, quản lý sản phẩm, quản trị người dùng, quản
lý hoá đơn.

8


 Member: là hệ thống thành viên có chức năng: Đăng kí, đăng nhập, tìm
kiếm, xem, sửa thông tin cá nhân, xem giỏ hàng, đặt hàng, xem thông tin
về các hóa đơn đã lập.
 Customer: Là khách vãng lai có chức năng: Đăng kí, tìm kiếm, xem
thông
tin sản phẩm, xem giỏ hàng, đặt hàng.

9


2.2. Mô hình hóa chức năng
2.2.1. Biều đồ USER CASE
2.2.1.1. Biểu đồ USER CASE chính

10

11


Hình 2.1 : Biểu đồ user case chính
2.2.1.2 . Biểu đồ USER CASE chi tiết
a. Quản trị (admintrastion)

Hình 2.2: Biểu đồ user case của quản trị
b. Khách hàng (Customer)

12


Hình 2.3 : biểu đồ user case của khách hàng

2.2.2. Biều đồ tham gia ca sử dụng
2.2.2.1. Quản trị (admin)
a. Quản lý sản phẩm

Hình 2.4 : Biểu đồ quản lý sản phẩm tham gia ca sử dụng

13


b. Quản lý đơn hàng

Hình 2.5 : Biểu đồ lớp tham gia ca sử dụng quản lý đơn hàng

14

c. Thống kê

Hình 2.6 : Biểu đồ lớp tham gia ca sử dụng thống kê

15


2.2.2.2. Khách hàng (Customer)
a. Tìm kiếm sản phẩm

Hình 2.7 : Biểu đồ lớp tham gia ca sử dụng tìm kiếm sản phẩm

16


b. Xem sản phẩm

Hình 2.8 : Biểu đồ lớp tham gia ca sử dụng xem sản phẩm

17


c. Đặt hàng

Hình 2.9 : Biểu đồ lớp tham gia ca sử dụng đặt hàng
2.2.2.3. Thành viên (Member)
a. Xem thông tin tài khoản và lịch sử dặt hàng

18

Hình 2.10 : Biểu đồ xem thông tin tham gia ca sư dụng

19


2.2.3. Biểu đồ tuần tự
2.2.3.1. Biểu đồ tuần tự quản trị (admintrastion)
a. Thêm sản phẩm

Hình 2.11 : Biểu đồ tuần tự thêm sản phẩm

20


b. Sửa sản phẩm
b

Hình 2.12 : Biểu đồ tuần tự sửa sản phẩm

21


c. Xóa sản phẩm

Hình 2.13 : Biểu đồ tuần tự xóa sản phẩm

22

d. Quản lý giỏ hàng

Hình 2.14 : Biểu đồ tuần tự quản lý đơn hàng

23


e. Thống kê

Hình 2.15 : Biểu đồ tuần tự thống kê
2.2.3.2. Biểu đồ tuần tự của khách hàng
a. Biểu đồ tuần tự tìm kiếm sản phẩm

Hình 2.16 : Biểu đồ tuần tự tìm kiếm sản phẩm

24


b. Xem sản phẩm

Hình 2.17 : Biểu đồ tuần tự xem sản phẩm

25