Đồ án tốt nghiệp - Xây dựng website thương mại điện tử

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO
NGÀNH CÔNG NGHỆ THÔNG TIN
____________

KHÓA LUẬN TỐT NGHIỆP
XÂY DỰNG WEBSITE
THƯƠNG MẠI ĐIỆN TỬ
GVHD: ThS. NGUYỄN TRẦN THI VĂN
SVTH: Bùi Hà Nhi
Nguyễn Quang Vũ

Tp. Hồ Chí Minh, tháng 6 năm 2022

18110168
18110241

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tư do – Hạnh phúc
*******

NHIỆM VỤ THỰC HIỆN KHÓA LUẬN TỐT NGHIỆP
Họ và tên Sinh viên: Bùi Hà Nhi

MSSV: 18110168

Họ và tên Sinh viên: Nguyễn Quang Vũ

MSSV: 18110241

Ngành: Công nghệ thông tin
Tên đề tài: Xây dựng website thương mại điện tử
Nội dung thưc hiện:
Lý thuyết:
- Tìm hiểu MERN Stack: MongoDB, ExpressJS, ReactJS, NodeJS.
- Tìm hiểu Redux Reactjs và gắn các API.
- Tìm hiểu cách triển khai website với Heroku App.
Thực hành:
-Xây dựng website thương mại điện tử, với các tính năng chính như sau:
◦ Cho phép quản trị viên quản lý được dữ liệu của hệ thống (doanh thu, người
dùng, sản phẩm, đơn hàng, đánh giá) và có thể thêm, xóa, cập nhật dữ liệu.
◦

Cho phép người dùng thực hiện được quyền lợi khách hàng cơ bản: xem, tìm
kiếm, chọn lọc sản phẩm theo ý muốn, thêm sản phẩm vào giỏ hàng, đặt hàng
nếu có nhu cầu mua và có thể thanh toán ngay lập tức với thẻ tín dụng, xem
các đơn hàng của mình.

- Triển khai website với Heroku App.
Thời gian thưc hiện: 15 tuần (Bắt đầu từ 7/3/2022 đến 27/6/2022)
Chữ ký của SV: ……………………………………………………………
Chữ ký của SV: ……………………………………………………………
Tp.Hồ Chí Minh, Ngày… tháng… năm 2022
TRƯỞNG NGÀNH CNTT
(Ký và ghi rõ họ tên)

GIẢNG VIÊN HƯỚNG DẪN
(Ký và ghi rõ họ tên)

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 HƯỚNG DẪN
Họ và tên Sinh viên: Bùi Hà Nhi

MSSV: 18110168

Họ và tên Sinh viên: Nguyễn Quang Vũ

MSSV: 18110241

Ngành: Công nghệ thông tin
Tên đề tài: Xây dựng website thương mại điện tử
Họ và tên Giảng viên hướng dẫn: ThS. Nguyễn Trần Thi Văn
NHẬN XÉT
1. Về nội dung đề tài &amp khối lượng thực hiện:
- Về lý thuyết:
...........................................................................................................................................
...........................................................................................................................................
...........................................................................................................................................
- Về thực hành:
.....................................................................
...

...
s Js
https://topdev.vn/blog/express-js-la-gi/
[4] Node.js
https://topdev.vn/blog/node-js-la-gi/
https://nodejs.org/en/
https://www.w3schools.com/nodejs/nodejs_intro.asp
https://nodejs.dev/learn
https://www.w3schools.com/nodejs/
[5] Redux
https://viblo.asia/p/gioi-thieu-ve-redux-63vKj67VK2R
[6] MongoDB Atlas
https://viblo.asia/p/dua-du-lieu-len-may-voi-mongodb-atlas-aWj53L1YK6m
[7] Postman
https://topdev.vn/blog/postman-la-gi/
[8] Heroku
https://topdev.vn/blog/heroku-la-gi/
[9] Stripe
https://cryptoviet.com/stripe-la-gi
[10] MERN Stack Instroduction:
https://www.geeksforgeeks.org/mern-stack/
[11] MongoDB Tutorial:
118

Tài liệu tham khảo
https://www.tutorialspoint.com/mongodb/
[12] ExpressJS Tutorial:
https://www.tutorialspoint.com/expressjs/
[13] ReactJS Tutorial:
https://reactjs.org/tutorial/tutorial.html
https://www.w3schools.com/REACT/DEFAULT.ASP
https://www.tutorialspoint.com/reactjs/index.htm
[14] NodeJS Tutorial:
https://www.w3schools.com/nodejs/
https://www.tutorialspoint.com/nodejs/index.htm
https://nodejs.dev/learn
[15] ReduxJS Tutorial:
https://react-redux.js.org/tutorials/quick-start
https://www.youtube.com/playlist?list=PLeS7aZkL6GOvCz3GiOtvtDXChJRuebb7S
https://www.youtube.com/watch?v=CVpUuw9XSjY&ampt=464s
[16] MongoDB Atlas Cluster json database:
https://docs.atlas.mongodb.com/tutorial/-new-cluster/
[17] Cloudinary online media library:
https://www.npmjs.com/package/cloudinary
[18] Postman test backend api tutorial:
https://viblo.asia/p/su-dung-postman-cho-api-testing-phan-3-Do754DkQ5M6
[19] Stripe collect payment online:
https://help.jungleworks.com/tiger/how-to-configure-your-stripe-account-and-get-apikeys-for-your-marketplace/
https://stripe.com/docs/testing
[20] Heroku App Deploy website:
https://devcenter.heroku.com/articles/heroku-cli
[21] Tham khảo bảng màu theo trend:
https://coolors.co/palettes/trending
119

Tài liệu tham khảo
[22] Tìm kiếm các ảnh, icons:
https://icon-icons.com/
https://www.pinterest.ch/homefeed/
[23] Các lệnh npmjs:
https://www.npmjs.com/
https://colorlib.com/wp/npm-packages-node-js/

120

Phụ lục

PHỤ LỤC
[1] Link project của nhóm đề tài được triển khai với Heroku App:
https://new-bookstore-fieldproject.herokuapp.com/
[2] Link công cụ vẽ các sơ đồ:
https://online.visual-paradigm.com/
[3] Kế hoạch thực hiện đề tài của nhóm:
https://docs.google.com/document/d/18GHAsjkKOODL3pcxmxiNh2j2VvLrz8r/edit?usp=sharing&ampouid=105253740662456950
717&amprtpof=true&ampsd=true
- HẾT -

121