TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

BÁO CÁO THỰC TẬP

LẬP TRÌNH WEBSITE THƯƠNG MẠI ĐIỆN
TỬ TRÊN .NET CORE

Công ty thực tập: Công ty Cổ phần Thế Giới Di Động (MWG)
Người phụ trách: Võ Nhật Nam
Thực tập sinh: Trần Phương Duy

TP. Hồ Chí Minh, tháng 12 năm 2021

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


LỜI MỞ ĐẦU

E-Commerce (Electronic commerce) hay còn được gọi là thương mại điện tử – là các
hoạt động bán các sản phẩm thông qua dịch vụ trực tuyến. Thương mại điện tử tiện lợi đến mức
người tiêu dùng có thể mua sản phẩm trên tồn thế giới ở bất kì thời gian nào. Đây chính là điều
mà các cửa hàng truyền thống khơng thể có được. Có thể nói, việc kinh doanh thông qua mạng
internet đã và đang dần thay thế cho ngành bán hàng truyền thống. Vì vậy, việc xây dựng và
phát triển một nền tảng bán hàng trực tuyến khơng cịn là một lợi thế mà là nhu cầu thiết yếu
của mọi doanh nghiệp.
Bằng việc lựa chọn và thực hiện đề tài “Xây dựng website thương mại điện tử”, em
muốn tìm hiểu và đưa ra một giải pháp tốt nhằm giải quyết công việc bán hàng trực tuyến.
Thông qua việc thực hiện xây dựng website này em học hỏi hiểu kiến thức và hiểu được quy

trình cơ bản để xây dựng một website hồn chỉnh. Vì lý do này, em quyết định chọn lập trình
web làm định hướng cho việc học tập của mình.
Sau ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng như
muốn được tham gia làm web trong một mơi trường chun nghiệp, em có dự định là sẽ thực
tập trong học kỳ đầu năm 4. Vì vậy, em quyết định chọn Công ty Cổ phần Thế Giới Di Động một môi trường lý tưởng, hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện được dự định
này.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


LỜI CẢM ƠN

Trân trọng gửi lời cảm ơn Công ty Cổ phần Thế Giới Di Động đã tạo điều kiện cho em
có cơ hội được thực tập tại cơng ty.
Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của nhóm trainer, em đã
tiếp thu được những kiến thức quan trọng để có thể làm được một Website thương mại điện tử
hoàn chỉnh. Chân thành cảm ơn các anh hướng dẫn đã bỏ ra nhiều thời gian, cơng sức để hướng
dẫn chúng em hồn thành đợt thực tập này.
Đặc biệt cảm ơn anh Nam, đã training cho em tổng quan về kiến trúc cũng như kiến thức
lập trình, hướng dẫn, giúp đỡ cho em tận tình cả những khó khăn trong cơng việc, đến những
khó khăn việc làm quen với môi trường mới; cảm ơn các anh trong công ty đã training và hỗ trợ
chúng em rất nhiều về các vấn đề trong công ty, giúp em hịa nhập và thích nghi nhanh hơn với
văn hóa của công ty đã chỉ dẫn em về cách làm báo cáo, lên kế hoạch, và debug code, những kỹ
năng không thể thiếu của một developer để có thể hồn thành thời gian thực tập tại công ty.
Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều
kiện em làm bài báo cáo này.

Sinh viên thực tập

Duy
Trần Phương Duy
TpHCM, ngày 11 tháng 12 năm 2021

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


NHẬN XÉT CỦA KHOA

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


Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


MỤC LỤC
Chương 1: Giới thiệu công ty thực tập ...................................................................................... 6
1. Giới thiệu công ty ............................................................................................................... 6
2. Sản phẩm của công ty ........................................................................................................ 7
2.1. thegioididong.com .......................................................................................................... 7
2.2. dienmayxanh.com .......................................................................................................... 8
2.3. bachhoaxanh.com .......................................................................................................... 9
2.4. nhathuocankhang.com ................................................................................................ 10
2.5. topzone.vn ..................................................................................................................... 11
Chương 2: Nội dung thực tập ................................................................................................... 12
1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty ................................................ 12
2. Nghiên cứu kỹ thuật ........................................................................................................ 12
3. Thực hiện project ............................................................................................................. 17
4. Lịch làm việc..................................................................................................................... 17
Chương 3: Chi tiết về project ................................................................................................... 19
1. Giới thiệu về project ........................................................................................................ 19
2. Yêu cầu từ anh hướng dẫn cho project ......................................................................... 19
3. Quá trình thực hiện ......................................................................................................... 20
4. Kết quả đạt được.............................................................................................................. 25
5. Thành viên thực hiện ....................................................................................................... 30
TÀI LIỆU THAM KHẢO ........................................................................................................... 31
TỔNG KẾT ................................................................................................................................ 32

Người phụ trách: Võ Nhật Nam


Sinh viên: Trần Phương Duy


Chương 1: Giới thiệu công ty thực tập

1. Giới thiệu công ty
Công ty Cổ phần Thế Giới Di Động (MWG) thành lập vào tháng 03/2004, lĩnh vực hoạt
động chính của công ty bao gồm: mua bán sửa chữa các thiết bị liên quan đến điện thoại di
động, thiết bị kỹ thuật số và các lĩnh vực liên quan đến thương mại điện tử. Thế giới di động
lựa chọn mơ hình thương mại điện tử sơ khai với một website giới thiệu thông tin sản phẩm.
Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) là nhà bán lẻ số 1 Việt Nam về
doanh thu và lợi nhuận, với mạng lưới hơn 4.500 cửa hàng trên toàn quốc. MWG vận hành
các chuỗi bán lẻ thegioididong.com, Điện Máy Xanh, Bách Hoá Xanh. Ngoài ra, MWG đã
mở rộng ra thị trường nước ngoài với chuỗi bán lẻ điện thoại và điện máy tại Campuchia và
đầu tư vào chuỗi nhà thuốc An Khang cùng với đó ra mắt chuỗi Topzone và chuỗi hệ AVA
bao gồm: AVASport, AVAKids, AVAFashion, AVAJi được thành lập năm 2021.
Với sự thành công như ngày hôm nay phần lớn cơng ty đã áp dụng mơ hình thương mại
điện tử với các website cho chuỗi bán lẻ của mình khơng thể không nhắc đến khối ngành IT
với hơn 750 nhân viên đã tạo ra và phát triển mạnh những website mang thương hiệu của
MWG.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


2. Sản phẩm của công ty
2.1. thegioididong.com

Thegioididong.com là trang web đầu tiên của cơng ty với dịch vụ chính là bán điện thoại,

laptop, đồng hồ, phụ kiện. Ngoài ra hỗ trợ người dùng nhiều tính năng xem chi tiết sản
phẩm, so sánh sản phẩm, tìm siêu thị gần nhất có sản phẩm, … Thegioididong.com đã mang
đến luồng gió mới cho công ty với lượng người dùng rất cao và cũng tăng doanh thu bằng
việc bán hàng trực tuyến trên website.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


2.2. dienmayxanh.com

Dienmayxanh.com là trang web thứ hai của công ty với dịch vụ chính là bán điện máy,
điện từ, đồ gia dụng, …. Ngoài ra hỗ trợ người dùng nhiều tính năng xem chi tiết sản phẩm,
so sánh sản phẩm, tìm siêu thị gần nhất có sản phẩm, … Dienmayxanh.com đã đẩy mạnh
q trình phát triển cho cơng ty với lượng người dùng rất cao và cũng tăng doanh thu bằng
việc bán hàng trực tuyến trên website.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


2.3. bachhoaxanh.com

Bachhoaxanh.com là trang web thương mại của công ty với dịch vụ chính là bán thức ăn tươi,
đồ uống, đồ gia dụng bếp, …. giống như một cái chợ thu nhỏ. Bachhoaxanh.com đã tiếp đà đẩy
mạnh quá trình phát triển cho công ty với lượng người dùng rất cao và cũng tăng doanh thu
bằng việc bán hàng trực tuyến trên website.


Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


2.4. nhathuocankhang.com

Năm 2021, nhathuocankhang.com là trang web với dịch vụ chính là bán tất cả loại thuốc và
bán thuốc theo toa. Ngồi ra cịn có chắc tính năng như tư vấn bác sĩ, xem tin tức sức khỏe, xem
nhà thuốc gần nhất. Hiện tại nhathuocankhang.com đang được tích hợp thanh toán trực tuyến
khi mua thuốc.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


2.5. topzone.vn

Topzone.vn được ra mắt năm 2021 là kết quả của sự hợp tác chặt chẽ giữa Apple và Thế Giới
Di Động. TopZone mang đến cho cộng đồng iFan đông đảo không gian trải nghiệm mua sắm
đẳng cấp với phiên bản cửa hàng ủy quyền chính thức được nâng cấp và cập nhật mới nhất được
đưa về Việt Nam, với dịch vụ chính là bán đồ của Apple.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


Chương 2: Nội dung thực tập

Đợt thực tập với chủ đề “Xây dựng website thương mại điện tử” nhằm mục đích giúp
sinh viên thực tập được đào tạo tồn diện về lập trình web, đồng thời rèn luyện những kỹ năng
mềm như làm việc nhóm, thuyết trình, giao tiếp. Tại cơng ty, sinh viên có cơ hội được học tập,
khám phá và làm việc trong một môi trường phát triển chun nghiệp.

1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty
Thời gian : 1 ngày
Nội dung : Giới thiệu về công ty, cách tổ chức của công ty
Được nghe người phụ trách giới thiệu về công ty, quá trình thành lập và phát triển,
quy trình làm việc từ cao xuống thấp, cách thức tổ chức của cơng ty .
Ngồi ra, thực tập sinh cịn được giới thiệu về cách thức làm việc trong công ty
như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong công
việc…
Kết quả : Hiểu thêm về cơng ty Thế giới di động, q trình thành lập và phát triển. Có
thêm các kỹ năng về việc sử dụng email trong cơng việc, làm việc có kế hoạch, có kỷ
luật, có trách nhiệm hơn.

2. Nghiên cứu kỹ thuật
2.1.

2.2.

Các công cụ làm việc
Thời gian : 4 ngày
Nội dung : Tìm hiểu về các cơng cụ sẽ được sử dụng trong quá trình làm việc.
Trong thời gian này, supervisor đã hướng dẫn thực tập sinh tìm hiểu về các cơng
cụ sẽ giúp ích cho trong cơng việc sau này. Một số phần mềm trong số đó như Line sử dụng giao tiếp nội bộ công ty, các ứng dụng sử dụng nội bộ – sản phẩm của công
ty dùng để gửi mail và chấm công, Gitlab – trang quản lý source code.
Thực hiện : Thực hành sử dụng các phần mềm đã nêu trên.
Kết quả : Lập trình sử dụng các cơng cụ miễn phí, giúp dễ dàng kết hợp các công cụ

với nhau, so với việc dung các IDE.
Giải thích workflow và cách thức làm việc
Thời gian : 1 ngày
Nội dung : Được giải thích workflow các thức làm việc trong quá trình làm dự án.
Nắm bắt được workflow từng bước một không được đánh cắp giai đoạn.
Thực hiện :
- Đọc document từ mentor soạn thảo.
- Tham khảo từ những chia sẻ của mentor.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


Kết quả :
2.3.

Biết được quy trình làm việc.
Ngồi ra, biết cách tiếp cận task giải quyết như thế nào cho hợp lý.

Giới thiệu mơ hình kiến trúc tổng quan và mơ hình MVC
Thời gian : 1 ngày
Nội dung: Được giới thiệu mơ hình kiến trúc tổng quan và mơ hình MVC.
-

Về kiến trúc tổng quan được giới thiệu bức tranh lớn mà cơng ty đang thực hiện
và biết được mình bắt đầu từ vị trí nào. Ngồi ra đi kèm vào đó là những cơng
nghệ đang được áp dụng trong mơ hình kiến trúc.

-


Về mơ hình MVC được training chi tiết về định nghĩa, cách thức hoạt động, các
thuật ngữ, ngơn ngữ lập trình, làm rõ model, controller, view.

-

Tại sao nên tận dụng cách thức MVC
 Lý do đáng kể nhất nên sử dụng cách thức MVC là việc tách biệt phần
View khỏi Model và Controller.
 Nó giúp phân tách phần hiển thị và phần dữ liệu , cho phép sửa đổi trong
từng dữ liệu mà không tác động đến những số liệu khác.
 MVC đã được tận dụng rộng rãi cho các trang website tại nhiều loại kế
hoạch, công nghệ lớn. Một số Framework như JavaScript MVC, Ember JS
và Backbone cịn khiến cho một phần của quy trình MVC trên máy khách.

Thực hiện :
-

Tham gia buổi trainning.
Tìm kiếm tài liệu trên mạng để tìm hiểu thêm.

Kết quả :
-

2.4.

Hiểu được những khái niệm liên quan đến kiến trúc tổng quan.
Hiểu được khái niệm mơ hình MVC và cách thức hoạt động.
Hình dung ra được bức tranh lớn.


Giới thiệu và sử dụng các cơng cụ hỗ trợ lập trình

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


Thời gian : 3 ngày
Nội dung : giới thiệu hai cơng cụ chính là postman và wireshark và cách sử dụng
chúng hỗ trợ trong việc bắt gói tin và xem api và swagger công cụ để quản lý
document cho API.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


-

Về postman:

Postman là một công cụ hỗ trợ phát triển Web API với giao diện khoa học, đơn
giản. Postman giúp người dùng ở mọi công đoạn phát triển API từ Design, Code
cho đến Testing, Debug.
-

Về wireshark:

Wireshark là một bộ phân tích gói mạng. Một bộ phân tích gói mạng trình bày dữ
liệu gói được chụp càng chi tiết càng tốt.


Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


-

Về swagger:

Swagger là một bộ công cụ mã nguồn mở để xây dựng OpenAPI specifications
giúp chúng ta có thể thiết kế, xây dựng tài liệu và sử dụng REST APIs.
Swagger cung cấp 3 tools chính cho các developers :
 Swagger-Editor : dùng để design lên các APIs hoàn toàn mới hoặc edit lại
các APIs có sẵn thơng qua 1 file config.
 Swagger-Codegen : dùng để generate ra code từ các file config có sẵn.
 Swagger-UI : dùng để generate ra file html,css,… từ 1 file config.
Việt viết document cho Swagger có hai cách tiếp cận chính như sau:
 Top-down approach: thiết kế các API trước khi code.
 Bottom-up approach: từ các API có sẵn thiết kế file config để mơ tả chúng.
Trong các tools trên, Swagger UI được sử dụng nhiều nhất, nó giúp sinh ra giao
diện cho tài liệu từ file config dưới chuẩn OpenAPI. Giao diện được hiện ra rõ
ràng và tường minh. Dễ dàng đọc hiểu cho cả lập trình viên lẫn người dùng. Sử
dụng file config nhưng hoàn toàn tách biệt tác vụ với nhau..
Thực hiện :
-

Tham gia đầy đủ các buổi training.
Xem api trên postman.
Bắt gói tin bằng wireshark.

Thiết kế các api.

Kết quả:
-

Biết cách tiếp cận cơng cụ.
Hiểu được q trình api trả dữ liệu về.

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


-

Lấy được gói tin từ wireshark.

3. Thực hiện project
Sau 2 tuần được training và thực hành các kiến thức lập trình và cơng cụ hỗ trợ, thực tập
sinh đã nắm được những kiến thực cơ bản. Trong tuần thứ 3, trainer đã hướng dẫn thực
tập sinh áp dụng những kiến thức đã học để thực hiện một project website thương mại
điện tử BlueSport trên .NET CORE mà công ty đang phát triển.
Chi tiết đồ án sẽ được nói ở phần sau.
4. Lịch làm việc
Tuần

Cơng việc

Người hướng dẫn


Mức độ hồn
thành

Anh Võ Nhật Nam

100%

Anh Võ Nhật Nam

100%

Anh Võ Nhật Nam

100%

Anh Võ Nhật Nam

100%

Anh Võ Nhật Nam

100%

 Tìm hiểu về cơng ty, cách tổ chức
của công ty.
1

 Làm quen với các công cụ làm việc
trong công ty.
 Học cách trao đổi, làm việc qua

email nội bộ và Line.
 Giới thiệu workflow, mơ hình kiến
trúc và mơ hình MVC.

2

 Thực hành với C#.
 Thực hành các công cụ hỗ trợ.
 Giao project và các yêu cầu.

3

 Làm rõ các yêu cầu.
 Bắt đầu dựng source.
 Lên kế hoạch.

4

 Phân tích model dựa trên thiết kế.
 Thiết kế api bằng swagger.

5

 Code html, css, js cho tất cả các

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy



trang được yêu cầu.
 Tạo cơ sở dữ liệu bằng postgreSQL.
6, 7,
8, 9

 Áp dụng mơ hình MVC .
 Ráp vào Framework.

Anh Võ Nhật Nam

100%

Anh Võ Nhật Nam

100%

Anh Võ Nhật Nam và
các anh trong team

100%

Anh Võ Nhật Nam và
các anh trong team

100%

Anh Võ Nhật Nam và
các anh trong team

100%


 Code logic.
 Hồn thành project được giao.
10

 Review q trình làm và kiến thức
đã học được sau khi làm xong.
 Đọc code dự án công ty.
 Tiếp tục theo dõi code dự án.

 Được tham gia vào giai đoạn fix bug
của dự án nhathuocankhang.com và
11, 12
được gian trang hệ thống nhà thuốc,
trang bệnh viện và trang bác sĩ và
trang chụp hình toa thuốc.
 Tiếp tục fix bug dự án
nhathuocankhang.com
13, 14  Tham gia vào dự án mới AVAKids
,15
được giao làm các trang như hệ
thống siêu thị, chi tiết siêu thị và các
trang chính sách.
 Tham gia vào dự án mới
AVAFashion được giao làm các
trang như hệ thông siêu thị, chi tiết
16, 17
siêu thị và các trang chính sách.
 Kết thúc quá trình thực tập và báo
cáo.


Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


Chương 3: Chi tiết về project

1. Giới thiệu về project
Với đề tài “Xây dựng Website BlueSport” chuyên bán đồ thể thao, thực tập sinh phải
xây dựng một website gồm các trang chính. Xây dựng một web hồn chỉnh có cơ sở dữ
liệu áp dụng mơ hình MVC.
Tại đây, bạn sẽ cảm thấy hài lịng khi có thể tìm được đa dạng và đầy đủ các sản phẩm
thể thao như: Quần áo, giày thể thao, xe đạp, phụ kiện, đồng hồ thể thao…. đến từ các
thương hiệu nổi tiếng như: Adidas, Nike, Puma, Reebok, Skechers, Anta, Erke, Livan,
Phiten, Goodfit, Kingsmith… Những thương hiệu trên đều không xa lạ với các khách
hàng tại Việt Nam cũng như trên thế giới, đặc biệt là những bạn quan tâm đến thể thao
khi đây toàn những thương hiệu nổi tiếng về trang phục thể thao cũng như trong việc hỗ
trợ, bảo hộ trong quá trình tập luyện.

2. Yêu cầu từ anh hướng dẫn cho project
(1) Xây dựng website BlueSport
-

Các table chính
 Product
 Category
 Banner
 Contact
 Order


-

Web .Net Core API
 Swagger
 Chuẩn data Response

-

Web .Net Core MVC
 Đếm số lượng người truy cập (session)
 Trang liên hệ ( Form, validate, cookie, session)
 Component (banner, …)

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


 Cho phép chặn 1 IP nào đó truy cập Middle Ware
 Khách hàng truy cập nhưng lỗi web => gửi notify đến group Line
-

Kiến trúc chung
 BaseController
 Dependency injection ( logger, cache, service)

(2) Các tính năng của website
-


Trang chủ

-

Trang ngành hàng

-

Trang chi tiết sản phẩm

-

Trang giỏ hàng

-

Trang liên hệ

3. Q trình thực hiện
- Phân tích model các trang từ thiết kế
- Thiết kế api bằng swagger

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy



Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


- Tạo cơ sở dữ liệu

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


- Dựng source và code

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy


4. Kết quả đạt được
4.1 Trang chủ

Người phụ trách: Võ Nhật Nam

Sinh viên: Trần Phương Duy