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 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC BÁO CÁO KẾT QUẢ THỰC TẬP TỐT NGHIỆP ĐỀ 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 41 Nội dung và tiến độ thực tập 41 1 Nội dung 51 2 Tiến độ thực hiện 92 Các kết quả cụ thể 92 2 1 Giao diện đăng nhập và đăng ký 92 2 2 Giao diện quên mật khẩu 102 2 3 Giao diện xác nhận.

Trang 1

MERGEFORMATINET INCLUDEPICTURE

"http://ued.udn.vn/img/logoUED.png" \* MERGEFORMATINET INCLUDEPICTURE "http://ued.udn.vn/img/logoUED.png" \*

"http://ued.udn.vn/img/logoUED.png" \* MERGEFORMATINET

BÁO CÁO KẾT QUẢ

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

Trang 2

ĐỀ 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

1.2 Tiến độ thực hiện 5

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 9

Trang 3

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.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 toá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 toá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

Trang 4

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

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ụ.

Trang 5

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

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ìnhRuby 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 toán online

Tuần 2:

Từ ngày: 14-02-2022

Xây dựng basecode, design giao diện, chuyểngiao diện thành code phát triển cho website

Trang 6

đến ngày: 18-02-2022 và cho thiết bị di động tương thích

Tuần 4:

Từ ngày: 28-02-2022

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

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

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

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

- 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ángdành cho khành hàng

- Thông tin hồ sơ (ảnh đại diện, tên, địachỉ )

- Thay đổi mật khẩu, thay đổi hình đại diệncủa bạn

Trang 7

- Danh mục sản phẩm

Tuần 6:

Từ ngày: 14-03-2022

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

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

- Thông tin chi tiết sản phẩm

- 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

- Quản lý các từ khóa phổ biến

Tuần 8:

Từ ngày: 28-03-2022

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

- Bán phiếu mua hàng (hết hạn, giá gốc củaphiế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

Trang 8

- Xây dựng chức năng thống kê gồm

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

Trang 9

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

Trang 10

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

Trang 11

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

Trang 12

2.2.5 Giao diện trang chủ

Trang 13

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

Trang 14

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

Trang 15

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

Trang 16

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

Trang 17

Hình 2.2.12 Giao diện blog

Trang 18

2.2.13 Giao diện chi tiết blog

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

Trang 19

2.2.14 Giao diện danh mục blog

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

Trang 20

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

Trang 21

2.2.17 Giao diện thanh toá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 toán online

Trang 22

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 toán thành công

Hình 2.2.20 Giao diện khi thanh toán thành công

Trang 23

2.2.21 Giao diện khi thanh toá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 toá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

Trang 24

Hình 2.2.22 Giao diện schedule khi thanh toán thành công

2.2.23 Giao diện schedule không gửi mail khi thanh toá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đó

Trang 25

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 đó

Trang 26

Hình 2.2.25 Giao diện thống kê doanh thu của khách hàng trong tháng

2.2.26 Giao diện sản phẩm yêu thích

Hình 2.2.26 Giao diện sản phẩm yêu thích

Trang 27

2.2.27 Giao diện sản phẩm vừa xem qua

Hình 2.2.27 Giao diện sản phẩm vừa xem qua

2.2.28 Giao diện thông tin cá nhân

Hình 2.2.28 Giao diện thông tin cá nhân

Trang 28

2.2.29 Giao diện liên hệ

Hình 2.2.29 Giao diện liên hệ

2.2.30 Giao diện chia sẻ sản phẩm lên fb

Trang 29

2.2.31 Giao diện đánh giá sản phẩm

- Nếu khách hàng đã mua sản phẩm đó thì mới đánh giá được,

Hình 2.2.31 Giao diện đánh giá sản phẩm

- Nếu khách hàng đã đánh giá rồi thì không đánh giá lại

2.2.32 Giao diện nhắn tin facebook

-Khách hàng có thể trò chuyện trực tiếp với admin thông qua một tiện ích plugin của fb

Trang 30

Hình 2.2.32 Giao diện nhắn tin facebook

3.2.33 Giao diện tìm kiếm sản phẩm

Hình 3.2.2 Giao diện tìm kiếm sản phẩm

3.2.34 Giao diện sản phẩm bán chạy

Trang 31

2.2.35 Giao diện thông báo

Hình 2.2.35 Giao diện thông báo và chi tiết thông báo

Trang 32

2.2.36 Giao diện quản lý kho sản phẩm

Hình 2.2.36 Giao diện quản lý kho sản phẩm

2.2.37 Giao diện quản lý thương hiệu sản phẩm

Trang 33

2.2.38 Giao diện quản lý danh mục sản phẩm

Hình 2.2.38 Giao diện quản lý danh mục sản phẩm

2.2.39 Giao diện quản lý danh mục bài đăng

Hình 2.2.39 Giao diện quản lý danh mục bài đăng

Trang 34

2.2.40 Giao diện quản lý thành phố

Hình 2.2.40 Giao diện quản lý thành phố

2.2.41 Giao diện quản lý bình luận

Trang 35

2.2.42 Giao diện quản lý liên lạc

Hình 2.2.42 Giao diện quản lý liên lạc

2.2.43 Giao diện quản lý từ khóa phổ biến

Hình 2.2.43 Giao diện quản lý từ khóa phổ biến

Trang 36

2.2.44 Giao diện quản lý thông báo

Trang 37

2.2.45 Giao diện quản lý đơn đặt hàng

Hình 2.2.45 Giao diện quản lý đơn đặt hàng

2.2.46 Giao diện hóa đơn in hàng

Hình 2.2.46 Giao diện hóa đơn

Trang 38

2.2.47 Giao diện quản lý kho ảnh sản phẩm

Hình 2.2.47 Giao diện quản lý kho ảnh sản phẩm

2.2.48 Giao diện quản lý danh sách bài đăng

Trang 39

Hình 2.2.48 Giao diện quản lý danh sách bài đăng

2.2.49 Giao diện quản lý sản phẩm

Hình 2.2.49 Giao diện quản lý sản phẩm

Trang 40

2.2.50 Giao diện quản lý danh mục cha sản phẩm

Hình 2.2.50 Giao diện quản lý danh mục cha sản phẩm

2.2.51 Giao diện quản lý sản phẩm yêu thích

Trang 41

2.2.52 Giao diện quản lý đánh giá sản phẩm

Hình 2.2.52 Giao diện quản lý đánh giá sản phẩm

3.2.53 Giao diện quản lý size sản phẩm

Hình 2.2.53 Giao diện quản lý size sản phẩm

Trang 42

2.2.54 Giao diện quản lý slider

Hình 2.2.54 Giao diện quản lý slider

2.2.55 Giao diện quản lý mã giảm giá

Hình 2.2.55 Giao diện quản lý mã giảm giá

Trang 43

2.2.56 Giao diện quản lý thông tin người dùng

Hình 2.2.56 Giao diện quản lý thông tin người dùng

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

- Khi khách hàng vừa đặt hàng xong, ví dụ trong khoảng 12h05 phút, khi đặt hàng thành công thì sẽ có nút xóa đơn hàng sau đó ( điều kiện admin chưa xác nhận đơn hàng) , rồi khách hàng để trình duyệt

- Sau khoảng thời gian 12h06 phút, admin xác nhận đơn hàng khách hàng vừa đặt

- Vì Khách hàng không reload trình duyệt để cố định, khi admin xác nhận, đơn hàng lúc này đã xác nhận, cho nên nút xóa của khách hàng không còn khả dụng, nếu khách hàng bấm xóa sẽ ra lỗi sau “ Đơn đặt hàng của bạn đã được xác nhận và không thể bị hủy ”

Trang 44

Hình 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

2.2.58 Giao diện thống kê

- Doanh thu từng 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)

Trang 47

Hình 3.2.50 Giao diện thống kê

- Về cơ bản, chương trình đã hoàn thành các chức năng và yêu cầu đặt ra theo kế hoạch

- Giao diện Website được thiết kế đơn giản, thân thiện và dễ sử dụng

- Tận dụng được một số dịch vụ Aws như amazon service

- Đưa được hệ thống chạy thực trên website

- Xử lý được nhiều khách hàng đặt hàng cùng một lúc

- Tận dụng được schedule, redis để tối ưu hiệu năng của hệ thống

- Hệ thống có giao diện dễ dùng và tương thích trên hầu hết các thiết bị

- Trau dồi thêm kiến thức về quy trình phát triển phần mềm, phân tích thiết kế hướng đối

Trang 48

- Website đáp ứng tương đối đầy đủ các yêu cầu của người dùng

- Hỗ trợ đa ngôn ngữ (tiếng anh, tiếng việt)

3 Nhận xét của cơ sở thực tập

Trang 49

Trang 50

Đà Nẵng, ngày tháng 05 năm 2022

Chữ ký cơ sở thực tập

Trang 51

4 Đánh giá của cán bộ hướng dẫn

Trang 52

Đà Nẵng, ngày tháng 05 năm 2022

Cán bộ hướng dẫn

Định dạng
Số trang	52
Dung lượng	21,38 MB