Báo cáo website bán hàng quần áo Ruby on rails 280 trang word chi tiết đầy đủ

ĐẠI HỌC ĐÀ NẴNG
TRƯỜNG ĐẠI HỌC SƯ PHẠM
KHOA TIN HỌC

INCLUDEPICTURE " \*
MERGEFORMATINET INCLUDEPICTURE
" \* MERGEFORMATINET
INCLUDEPICTURE " \*
MERGEFORMATINET INCLUDEPICTURE
" \* MERGEFORMATINET
INCLUDEPICTURE " \*
MERGEFORMATINET INCLUDEPICTURE
" \* MERGEFORMATINET
INCLUDEPICTURE " \*
MERGEFORMATINET INCLUDEPICTURE
" \* MERGEFORMATINET
INCLUDEPICTURE " \*
MERGEFORMATINET INCLUDEPICTURE
" \* MERGEFORMATINET
INCLUDEPICTURE " \*
MERGEFORMATINET INCLUDEPICTURE
" \* MERGEFORMATINET
INCLUDEPICTURE " \*
MERGEFORMATINET INCLUDEPICTURE
" \* MERGEFORMATINET
INCLUDEPICTURE " \*
MERGEFORMATINET INCLUDEPICTURE

" \* MERGEFORMATINET

BÁO CÁO KẾT QUẢ

THỰC TẬP TỐT NGHIỆP

1


ĐỀ TÀI: WEBSITE E-ECOMMERCE FASHION ĐÀ NẴNG
CHUYÊN NGÀNH : Công nghệ thông tin
CƠ SỞ THỰC TẬP: Rikai technology Đà Nẵng

Sinh viên thực hiện: Trần Hữu Thắng.
Cán bộ hướng dẫn: Ths. Hồ Ngọc Tú

Đà Nẵng – Năm 2022.

MỤC LỤC
1. Nội dung và tiến độ thực tập.......................................................................................4
1.1 Nội dung...............................................................................................................4
2. Các kết quả cụ thể.......................................................................................................9
2.2.1 Giao diện đăng nhập và đăng ký........................................................................9
2.2.2 Giao diện quên mật khẩu.................................................................................10
2.2.3 Giao diện xác nhận mật khẩu...........................................................................10
2.2.4 Giao diện đăng xuất.........................................................................................10
2.2.5 Giao diện trang chủ..........................................................................................12
2.2.6 Giao diện chi tiết sản phẩm..............................................................................13
2.2.7 Giao diện sản phẩm liên quan..........................................................................14
2.2.8 Giao diện đăng bình luận.................................................................................14
2.2.10 Giao diện danh mục sản phẩm.......................................................................15
2

2.2.11 Giao diện thương hiệu sản phẩm....................................................................16
2.2.12 Giao diện blog................................................................................................16
2.2.14 Giao diện danh mục blog...............................................................................19
2.2.15 Giao diện thêm sản phẩm vào giỏ hàng.........................................................20
2.2.17 Giao diện thanh toán khi nhận hàng...............................................................21
2.2.18 Giao diện thanh toán online...........................................................................21
2.2.19 Giao diện nhập mã khuyến mãi......................................................................22
3.2.20 Giao diện khi thanh tốn thành cơng..............................................................22
2.2.21 Giao diện khi thanh toán thất bại...................................................................23
2.2.22 Giao diện schedule gửi mail khi thanh tốn thành cơng.................................23
2.2.23 Giao diện schedule khơng gửi mail khi thanh toán thất bại............................24
2.2.24 Giao diện quản lý đơn hàng đã đặt.................................................................25
2.2.25 Giao diện thống kê doanh thu của khách hàng trong tháng............................25
2.2.26 Giao diện sản phẩm yêu thích........................................................................26
2.2.27 Giao diện sản phẩm vừa xem qua..................................................................27
2.2.28 Giao diện thông tin cá nhân...........................................................................27
2.2.29 Giao diện liên hệ............................................................................................28
2.2.30 Giao diện chia sẻ sản phẩm lên fb..................................................................28
2.2.31 Giao diện đánh giá sản phẩm.........................................................................29
2.2.32 Giao diện nhắn tin facebook..........................................................................29
3.2.33 Giao diện tìm kiếm sản phẩm........................................................................30
3.2.34 Giao diện sản phẩm bán chạy........................................................................30
2.2.35 Giao diện thông báo.......................................................................................31
2.2.36 Giao diện quản lý kho sản phẩm....................................................................32
2.2.37 Giao diện quản lý thương hiệu sản phẩm.......................................................32
2.2.38 Giao diện quản lý danh mục sản phẩm..........................................................33
2.2.39 Giao diện quản lý danh mục bài đăng............................................................33
2.2.40 Giao diện quản lý thành phố..........................................................................34
2.2.41 Giao diện quản lý bình luận...........................................................................34
2.2.42 Giao diện quản lý liên lạc..............................................................................35

2.2.44 Giao diện quản lý thông báo..........................................................................36
2.2.45 Giao diện quản lý đơn đặt hàng.....................................................................37
2.2.46 Giao diện hóa đơn in hàng.............................................................................37
2.2.47 Giao diện quản lý kho ảnh sản phẩm.............................................................38
2.2.48 Giao diện quản lý danh sách bài đăng............................................................38
2.2.49 Giao diện quản lý sản phẩm...........................................................................39
2.2.50 Giao diện quản lý danh mục cha sản phẩm....................................................40
2.2.51 Giao diện quản lý sản phẩm yêu thích...........................................................40
2.2.52 Giao diện quản lý đánh giá sản phẩm............................................................41
3.2.53 Giao diện quản lý size sản phẩm....................................................................41
2.2.54 Giao diện quản lý slider.................................................................................42
2.2.55 Giao diện quản lý mã giảm giá......................................................................42
2.2.56 Giao diện quản lý thông tin người dùng.........................................................43
2.2.57 Giao diện khi đơn hàng admin vừa xác nhận cùng với user vừa xóa.............43
3


2.2.58 Giao diện thống kê.........................................................................................44
3. Nhận xét của cơ sở thực tập......................................................................................48
4. Đánh giá của cán bộ hướng dẫn................................................................................49

1. Nội dung và tiến độ thực tập
1.1 Nội dung
- Tìm hiểu kiến thức về Ruby on Rails, MySql, Postgres, Am trong xây dựng website.
- Triển khai được hệ thống website quản lý bán hàng.
- Triển khai hệ thống quản lý với đây đủ chức năng cho người dùng và người quản trị
như : đặt hàng, quản lý hàng, báo cáo thống kê, …
1.1.2 Nhiệm vụ.
- Từ những mục đích nêu trên ta thấy ứng dụng của ta cần đạt được những u cầu sau
• Tìm hiểu và nghiên cứu Ruby on rails, Javascript, MySql, Postgres, Redis,

Amazon, Heroku
• Xây dựng hệ thống website với đây đủ chức năng quản lí và mua bán hàng
hóa.
1.1.3 Đối tượng nghiên cứu
4


• Lập trình Frontend : HTML,CSS,JS
• Lập trình Backend : Ruby on Rails, MySql, Postgres
1.1.4 Phạm vi nghiên cứu
- Xây dựng trong phạm vi nghiên cứu tại cơ sở của shop bán hàng trên địa bàn Đà
Nẵng, đưa ứng dụng chạy trên web mọi trình duyệt hiện nay
1.1.5 Phương pháp nghiên cứu
• Khảo sát và phân tích dựa trên dữ liệu của doanh nghiệp và người tiêu dùng.
• Tham khảo các hệ thống quản lý bán hàng lớn.
1.1.6 Giải pháp đề xuất
Trên cơ sở nghiên cứu lý thuyết và thực tiễn em sẽ sử dụng ngơn ngữ lập trình
Ruby on rails để “Xây dựng website bán hàng quần áo” với các chức năng:
• Cho phép người dùng tìm kiếm sản phẩm theo tên, giá của mặt hàng
• Có thể xem chi tiết các mặt hàng bán chạy, chi tiết của sản phẩm
• Có thể mua hàng qua thanh tốn online

1.2 Tiến độ thực hiện
Thời gian
Tuần 1:

Nội dung cơng việc
Phân tích và đưa ra các yêu cầu ràng buộc &

Từ ngày: 07-02-2022

xây dựng CSDL lựa chọn ngôn ngữ phát triển

đến ngày: 08-02-2021

và thiết lập các môi trường, công cụ, phần
mềm, triển khai quản lý task với trello &

Tuần 2:

quản lý source code bằng github
Xây dựng basecode, design giao diện, chuyển

Từ ngày: 14-02-2022

giao diện thành code phát triển cho website

đến ngày: 18-02-2022
Tuần 3:

và cho thiết bị di động tương thích
Xây dựng các chức năng đầu tiên của hệ
5


Từ ngày: 15-02-2022

thống đăng nhập, đăng ký, đăng xuất, quên

đến ngày: 27-02-2022

mật khẩu, gửi mai, lưu mật khẩu với thư viện

Tuần 4:

devise, phân quyền với cancancan
Đọc tài liệu và xây dựng chức năng

Từ ngày: 28-02-2022

- Trang blog, blog chi tiết, blog liên quan

đến ngày: 04-03-2022

- Danh sách sản phẩm nổi bật
- Tỷ lệ sao, Tỷ lệ xem sản phẩm
- Đánh giá bình luận sản phẩm
- Xem lại hình ảnh, quản lý chi tiết hình ảnh
sản phẩm hoặc các loại chi tiết sản phẩm
- Thêm vào giỏ hàng
- Quản lý giỏ hàng
- Phân loại sản phẩm (tính năng, khuyến nghị
...)

Tuần 5:

- Trang liên lạc
Đọc tài liệu và xây dựng chức năng

Từ ngày: 07-03-2022

- Đơn đặt hàng của tôi

đến ngày: 11-03-2022

- Lịch sử Xem sản phẩm
- Quản lý đơn hàng của tôi
- Thống kê các sản phẩm đã mua theo tháng
dành cho khành hàng
- Thông tin hồ sơ (ảnh đại diện, tên, địa
chỉ ...)
- Thay đổi mật khẩu, thay đổi hình đại diện
của bạn
- Gửi email thơng báo khi đơn hàng hồn
thành, tạo tỷ
- Vai trò (quản trị viên, người dùng ...)
- Nhãn hiệu

Tuần 6:

- Danh mục sản phẩm
Đọc tài liệu và xây dựng chức năng
6


Từ ngày: 14-03-2022

- Tìm kiếm Sản phẩm, giá cả, nhãn hiệu

đến ngày: 18-03-2022

- Thông tin chi tiết sản phẩm
- Quản lý kích thước sản phẩm
- Quản lý danh mục
- Quản lý sản phẩm
- Quản lý đơn hàng
- Quản lý bài đăng
- Quản lý người dùng
- Quản lý bình luận

Tuần 7:

- Quản lý trang bìa
Đọc tài liệu và xây dựng chức năng

Từ ngày: 21-03-2022

- Quản lý tính hàng tồn kho

đến ngày: 25-03-2022

- Quản lý danh sách liên lạc
- Thủ tục, phương thức thanh toán
- Quản lý chế độ xem sản phẩm
- Quản lý sao giá sản phẩm
- Xuất excel, scv, json ..
- Từ khóa tìm kiếm phổ biến
- Thơng báo, danh sách thông báo, đơn ...
- Quản lý thông báo

Tuần 8:

- Quản lý các từ khóa phổ biến
Đọc tài liệu và xây dựng chức năng

Từ ngày: 28-03-2022

- Bán phiếu mua hàng (hết hạn, giá gốc của

đến ngày: 01-04-2022

phiếu mua hàng)
- Quản lý khuyến mãi
- Quản lý bài đăng danh mục (blog)
- Chia sẻ sản phẩm lên fb
- Hủy đơn hàng

Tuần 9:
Từ ngày: 04-04-2022

- Quản lý thương hiệu
Đọc tài liệu và xây dựng chức năng
- Nhận xét, bình luận sản phẩm
7


đến ngày: 08-04-2022

- Phương thức vận chuyển
- Quản lý vận chuyển, dịch vụ

- Quản lý thành phố
- Sản phẩm đã bán

Tuần 10:

- Xuất hóa đơn
- Xây dựng chức năng thống kê gồm

Từ ngày: 11-04-2022

- Doanh thu từng tháng, năm ...

đến ngày: 20-04-2022

- Sản phẩm bán chạy
- Tổng số sản phẩm trong hệ thống
- Tổng số đơn hàng đã hủy của tháng, năm
- Tổng kho của hệ thống
- Sản phẩm bán chạy nhất tháng, năm
- Tổng số đơn hàng bán được trong tháng,
năm
- Các từ khóa được tìm kiếm nhiều nhất
-trong tháng
- Sản phẩm có nhiều lượt xem nhất trong
tháng
-Tổng số mã voucher trong tháng
- Sản phẩm được đặt nhiều nhất trong tuần
(thứ mấy, số lượng)
- Tình trạng đơn đặt hàng
- Tổng số thương hiệu trong hệ thống

- Đặt hàng nhiều nhất trong tháng
- Tính sẵn có hàng đầu bán chạy nhất
- Tính sẵn có hàng đầu đang đặt hàng
- Tổng số dịch vụ vận chuyển

Tuần 11:

- Dịch vụ vận chuyển nhiều nhất
Thực hiện việc kiểm thử Unit Test cho

Từ ngày: 20-04-2022

project, đưa ứng dụng phát triển chạy thực tế
8


đến ngày: 22-04-2022

trên hệ thống, tối ưu hiệu xuất xử lý, clean
code & cải tiến sửa các lỗi phát sinh trong

Tuần 12:

quá trình deployment
Viết báo cáo và vẽ các biểu đồ của hệ thống,

Từ ngày: 24-04-2022

những ưu điểm, khuyết điểm của quá trình

đến ngày: 30-04-2022

phát triển hệ thống

2. Các kết quả cụ thể
2.2.1 Giao diện đăng nhập và đăng ký

Hình 2.2.1 Giao diện đăng nhập và đăng ký
- Người dùng có thể chọn Keep me signed in ( để lưu lại thông tin đăng nhập)
- Giao diện khi đăng nhập thành công đối với tk admin
- Giao diện khi đăng nhập thành cơng đối với tk user
Cịn đăng ký cũng tương tự, khi nhập thiếu thông tin hoặc sai thông tin thì sẽ báo lỗi,
cịn đúng thì đăng ký thành công rồi hệ thống sẽ tự đăng nhập vào hệ thống

9


2.2.2 Giao diện quên mật khẩu

Hình 2.2.2 Giao diện quên mật khẩu
2.2.3 Giao diện xác nhận mật khẩu

Hình 2.2.3 Giao diện xác nhận mật khẩu
2.2.4 Giao diện đăng xuất
Với admin thì giao diện đăng xuất như thế này
10


Cịn user thì đăng xuất như thế này

Thơng báo khi đăng xuất thành cơng

Hình 2.2.4 Giao diện đăng xuất

11


2.2.5 Giao diện trang chủ

Hình 2.2.5 Giao diện trang chủ

12


2.2.6 Giao diện chi tiết sản phẩm
- Giao diện này khách hàng có thể biết sản phẩm này có lượt xem bao nhiêu, sản
phẩm có bán chạy khơng, cịn hàng để đặt không, và biết mặt hàng này thuộc
thương hiệu nào

Hình 2.2.6 Giao diện chi tiết sản phẩm
13


2.2.7 Giao diện sản phẩm liên quan

Hình 2.2.7 Giao diện sản phẩm liên quan
2.2.8 Giao diện đăng bình luận

Hình 2.2.8 Giao diện đăng bình luận

14


2.2.9 Giao diện xem bình luận người khác

Hình 2.2.9 Giao diện xem bình luận người khác
2.2.10 Giao diện danh mục sản phẩm

Hình 2.2.10 Giao diện danh mục sản phẩm
15


2.2.11 Giao diện thương hiệu sản phẩm

Hình 2.2.11 Giao diện thương hiệu sản phẩm
2.2.12 Giao diện blog
- Giao diện này sẽ liệt kê các bài đăng của hệ thống blog, khách hàng có thể đọc và
có số lượt người đanh quan tâm tới bài viết nào nhất, xem bài, đọc nhiều nhất trên
hệ thống

16


Hình 2.2.12 Giao diện blog

17


2.2.13 Giao diện chi tiết blog

Hình 2.2.13 Giao diện chi tiết blog

18


2.2.14 Giao diện danh mục blog

Hình 2.2.14 Giao diện danh mục blog

19


2.2.15 Giao diện thêm sản phẩm vào giỏ hàng

Hình 2.2.15 Giao diện thêm sản phẩm vào giỏ hàng
2.2.16 Giao diện giỏ hàng và lịch sử xem hàng

Hình 2.2.16 Giao diện giỏ hàng và lịch sử xem hàng

20


2.2.17 Giao diện thanh tốn khi nhận hàng

Hình 2.2.17 Giao diện thanh toán khi nhận hàng
2.2.18 Giao diện thanh toán online

Hình 2.2.18 Giao diện thanh tốn online

21

2.2.19 Giao diện nhập mã khuyến mãi

Hình 2.2.19 Giao diện nhập mã khuyến mãi khi mã giảm giá đúng
3.2.20 Giao diện khi thanh tốn thành cơng

Hình 2.2.20 Giao diện khi thanh tốn thành cơng

22


2.2.21 Giao diện khi thanh tốn thất bại

Hình 2.2.21 Giao diện khi thanh toán thất bại

2.2.22 Giao diện schedule gửi mail khi thanh tốn thành cơng
- Với điều kiện khi khách hàng đặt hàng xong, mà không hủy hàng ngay tại thời điểm
đó thì scheduled là 1 đơn hàng ( hàng chờ) khi xử lý hết hàng chờ thì tương ứng hệ
thống sẽ gửi gmail đặt hàng qua gmail khác hàng, nhiều khách hàng đặt cùng 1 thời
điểm sẽ xử lý tương tự, tạo năng xuất cho người dùng trải nghiệm web tốt nhất

23


Hình 2.2.22 Giao diện schedule khi thanh tốn thành cơng
2.2.23 Giao diện schedule khơng gửi mail khi thanh tốn thất bại
- Khi khách hàng vừa đặt hàng xong, nếu mà hủy ngay lập tức thì chức năng gửi mail
bị gián đoạn cho nên việc gửi mail không đến người dùng, vì khách hàng đã hủy trước
đó

24


Hình 2.2.23 Giao diện schedule khơng gửi mail khi thanh toán thất bại
2.2.24 Giao diện quản lý đơn hàng đã đặt

Hình 2.2.24 Giao diện quản lý đơn hàng đã đặt
2.2.25 Giao diện thống kê doanh thu của khách hàng trong tháng
- Với giao diện này, khách hàng có thể tính chi tiêu số lượng hàng hóa của mình đã đặt
trong 1 tháng vừa qua hoặc tháng trước đó

25