Báo cáo thực tập lập trình WEB ASP NET

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH

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 WEB ASP.NET

Cơng ty thực tập: Spiraledge
Người phụ trách: Trần Quốc Ân
Thực tập sinh: Bùi Đặng Hồng Chung

Thành phố Hồ Chí Minh, tháng 07 năm 2020
LỜI MỞ ĐẦU


Bùi Đặng Hồng Chung
Hiện nay với sự phát triển mạnh mẽ của cơng nghệ trên thế giới thì nhu cầu sử dụng
internet ngày càng tăng lên từng ngày là điều tất yếu. Chính vì thế cơng nghệ thơng tin
khơng chỉ dừng lại ở mục đích phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống,
chính trị, kinh tế - xã hội,... mang lại nhiều lợi ích cho con người.
Đi kèm theo đó, các hệ thống website cũng đang ngày càng phát triển không ngừng với
đủ lĩnh vực, ngành nghề như giáo dục, y tế, phim ảnh, ca nhạc, thể thao, làm đẹp, sức
khỏe... Tuy nhiên để tạo ra một website được nhiều người sử dụng cần rất nhiều yếu tố
như nội dung, giao diện, trải nghiệm của người dùng cũng như nó mang lại cho người sử
dụng một lợi ích nhất định. Vì vậy, việc sử dụng các công cụ tool sẽ giúp nâng cao hiệu
quả trong cơng việc lập trình hơn.
Cơng ty Spiraledge là cơng ty chuyên về giải pháp công nghệ thông tin ứng dụng cho lĩnh
vực bán lẻ và phần mềm Internet tập trung vào cuộc sống lành mạnh. Với mong muốn
được tìm hiểu kĩ hơn về thể thao, sức khỏe và vừa sử dụng kiến thức đã học để áp dụng

vào công việc thực tập nên em đã quyết định thử sức và gắn bó tại cơng ty Spiraledge.

LỜI CẢM ƠN
2


Bùi Đặng Hồng Chung
Trân trọng gửi lời cảm ơn Công ty Spiraledge đã tạo điều kiện cho em có cơ hội
được thực tập tại công ty.
Chỉ trong 2 tháng ngắn ngủi, nhưng nhờ sự chỉ dẫn nhiệt tình của các anh chị trong
nhóm, em đã tiếp thu được nhiều kiến thức hay, cần thiết để có thể nâng cao được năng
lực của bản thân và biết cách xử lí vấn đề tốt hơn. Chân thành cảm ơn các anh chị đã bỏ
ra thời gian công sức để hướng dẫn em.
Đặc biệt cảm ơn anh Trần Quốc Ân, đã chỉ dạy, hướng dẫn em tận tình, giúp đỡ
em làm quen với mơi trường làm việc chun nghiệp, cũng như đã có những lời góp ý
sâu sắc giúp em hiểu rõ hơn về kiến thức ở trường. Em cũng xin cảm ơn anh Huỳnh Kim
Thành đã giúp đỡ em trong những lúc khó khăn trong cơng việc, đã training những kiến
thức quan trọng để có thể làm được các cơng việc được giao trong thời gian qua.
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.
Bùi Đặng Hồng Chung
Thành phố Hồ Chí Minh, tháng 07 năm 2020

3


Bùi Đặng Hồng Chung

NHẬN XÉT CỦA KHOA
.......................................................................................................................................................

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

4


Bùi Đặng Hồng Chung

MỤC LỤC

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

1. Giới thiệu công ty Spiraledge:
Spiraledge là một công ty chuyên về lĩnh vực chăm sóc sức khỏe và là nhà bán lẻ
internet hàng đầu có trụ sở tại San Jose, CA, với các văn phòng tại Cincinnati,

Ohio và thành phố Hồ Chí Minh, Việt Nam. Các trang web của công ty bao gồm
SwimOutlet.com - một cửa hàng trực tuyến nổi tiếng chuyên bán đồ bơi,
YogaOutlet.com - một trong những nhà bán lẻ trực tuyến tập trung vào yoga đầu
tiên và Swim.com - một nền tảng tập luyện và đào tạo bơi kỹ thuật số. Kể từ khi
thành lập công ty vào năm 2001, công nghệ đã luôn là yếu tố quan trọng của
Spiraledge và là một phần quan trọng trong thành công của Công ty, cho phép

5


Bùi Đặng Hồng Chung
công ty tập trung vào nhiệm vụ cốt lõi của mình: hồn thiện trải nghiệm mua sắm
trực tuyến cho khách hàng mỗi ngày.

2. Các sản phẩm của cơng ty:
SwimOutlet.com: Được thành lập vào năm 2000 và có trụ sở tại Campbell, CA,
SwimOutlet.com là điểm đến trực tuyến hàng đầu cho trang phục bơi lặn và là cửa
hàng bơi phổ biến nhất trên web. Kể từ khi thành lập, SwimOutlet.com đã mở rộng
trở thành cửa hàng đồ bơi trực tuyến lớn nhất cho đồ bơi ở Bắc Mỹ. SwimOutlet.com
được mệnh danh là Nhà bán lẻ Internet Hot 100 và Top 10 Nhà bán lẻ di động hàng
đầu năm 2011.

6


Bùi Đặng Hồng Chung

YogaOutlet.com: Được thành lập vào năm 2012 và có trụ sở tại Campbell, CA,
YogaOutlet.com là nhà bán lẻ yoga trực tuyến đa thương hiệu chuyên biệt đầu tiên, cung
cấp nhiều lựa chọn các nhãn hiệu yoga và các sản phẩm lấy cảm hứng từ yoga cho tất cả

các cấp độ của yoga. Trang web đã được đặt tên vào Danh sách Hot 100 uy tín của nhà
bán lẻ Internet năm 2015.

7


Bùi Đặng Hồng Chung
Swim.com: là nền tảng tập luyện và huấn luyện bơi tiên tiến nhất dành cho người
bơi. Bơi cùng với Apple Watch, Garmin, Samsung hoặc bất kỳ thiết bị Android WearOS
nào để kết nối, cạnh tranh và chinh phục mục tiêu của bạn.

8


Bùi Đặng Hồng Chung

9


Bùi Đặng Hồng Chung

Chương II: Nội dung thực tập
1.Tìm hiểu 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, q trình thành lập và phát triển,

-

quy trình làm việc, 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 và các công cụ khác khi thực hiện các công việc được giao.
Hướng dẫn dùng công cụ quản lý JIRA:
Jira là một ứng dụng theo dõi và quản lý lỗi / vấn đề trong dự án, được phát triển
bởi công ty phần mềm Atlassian của Australia. Cách thức hoạt động của JIRA dựa
vào trọng tâm là kết quả cơng việc, có thể sử dụng ngay và linh hoạt khi sử dụng.

Kết quả:
-

Hiểu thêm về cơng ty Spiraledge, q trình thành lập và phát triển.
Nắm được các kỹ năng về việc sử dụng email trong cơng việc, kỹ năng làm việc
nhóm và biết cách sử dụng công cụ JIRA.

2. Các công cụ làm việc:
Thời gian: 1 ngày
Nội dung:
-

Tìm hiểu về Jira, cơng cụ Git, TortoiseSVN.

Thực hiện:
-

Thực hành sử dụng các công cụ trên.
Cách viết nội dung thông tin khi muốn chia sẻ dữ liệu lên Tortoise SVN.

Kết quả:
-

Sử dụng thành thạo và hiểu rõ về các cơng cụ này, giúp thực tập sinh có kiến thức
để chuẩn bị thực hiện Project và quản lý Source code.
10


Bùi Đặng Hồng Chung
3. Tìm hiểu kĩ thuật:
a. Tìm hiểu về trang web Swimoutlet.com và YogaOutlet:
Thời gian: 2 ngày
Nội dung:
- Tìm hiểu về nội dung thơng tin trang web.
- Xem cách trang web hoạt động như thế nào.
Thực hiện:
- Xem các dữ liệu trả về của trang web.
- Xem các tính năng, giao diện của trang web.
Kết quả:
-

Nắm rõ được 2 trang web mà nhóm đang thực hiện.

b. Tìm hiểu API:
Thời gian: 2 ngày
Nội dung:

-

Tìm hiểu về API:
API (Application Programming Interface) là một tập các quy tắc và cơ chế mà
theo đó, một ứng dụng hay một thành phần sẽ tương tác với một ứng dụng hay
thành phần khác. API có thể trả về dữ liệu mà bạn cần cho ứng dụng của mình ở
những kiểu dữ liệu phổ biến như JSON hay XML.

-

Tìm hiểu về RESTful API:
RESTful API là một tiêu chuẩn dùng trong việc thiết kế các API cho các ứng dụng
web để quản lý các resource. RESTful là một trong những kiểu thiết kế API được
sử dụng phổ biến ngày nay để cho các ứng dụng (web, mobile…) khác nhau giao
tiếp với nhau.

-

Tìm hiểu về cách thức hoạt động của RESTful API:
REST hoạt động chủ yếu dựa vào giao thức HTTP. Các hoạt động cơ bản nêu trên
sẽ sử dụng những phương thức HTTP riêng.
•

GET (SELECT): Trả về một Resource hoặc một danh sách Resource.
11


Bùi Đặng Hồng Chung
•

POST (CREATE): Tạo mới một Resource.

•

PUT (UPDATE): Cập nhật thơng tin cho Resource.

•

DELETE (DELETE): Xố một Resource.

Thực hiện:
- Đọc tài liệu về RESTful API
- Đọc tài liệu về client-server
Kết quả:
- Biết được RESTful API là gì
- Hiểu được cách thức hoạt động của RESTful API
c. Tìm hiểu về console Tool:
Thời gian: 1 tháng
Nội dung:
-

Tìm hiểu về cách đọc/ghi file: Reader/Writer
Tham gia thực hiện một số task liên quan đến console tool viết bằng C#.

Thực hiện:
-

Viết tool console kiểm tra hình ảnh hợp lệ status code 200 OK.
Viết tool console gửi mail cho nhân viên vào đầu tháng với nội dung là file csv.
Viết tool console xây dựng top brands menu cho trang web swimoutlet.com.

Kết quả:
-

Đã hoàn thành được các tool trên và biết cách clean code hiệu quả.
Có thể tự xây dựng cho mình 1 tool riêng khi cần thiết.

d. Tìm hiểu về Javascript và Ajax:
Thời gian: 1 tháng
Nội dung:
-

Tìm hiểu về Javascript
12


Bùi Đặng Hồng Chung
-

Tìm hiểu về Ajax và cách hoạt động của Ajax:
AJAX là chữ viết tắt của Asynchronous JavaScript and XML. Nó là một bộ các kỹ
thuật thiết kế web giúp cho các ứng dụng web hoạt động bất đồng bộ – xử lý mọi
yêu cầu tới server từ phía sau.

Thực hiện:
-

Xây dựng 1 trang nhật ký của khách hàng có sử dụng phân trang bằng Ajax

Kết quả:

-

Hiểu rõ được cơ chế bất đồng bộ của Ajax.
Hoàn thành trang nhật ký của khách hàng.

e. Thực hiện project:
Sau một tháng được training và thực hành, thực tập sinh đã nắm được những kiến thức cơ
bản về API, Javascript, Console, Ajax và các công cụ đi kèm. Trong tháng thứ hai, 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. Chi
tiết đồ án sẽ được nói ở phần sau.

4. Lịch làm việc:
Tuần
1

Cơng việc
Tìm hiểu về cơng ty, cách tổ chức
của cơng ty.

Người hướng dẫn
Anh Trần Quốc Ân

Mức độ
hoàn thành
100%

13


Bùi Đặng Hồng Chung

2
3,4
5,6,7,8

-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.
Tìm hiểu về API
-Tìm hiểu về console tool, viết các
tool được giao.
Tìm hiểu về Javascript, Ajax và áp
dụng vào xây dựng trang web.

Anh Huỳnh Kim Thành
Anh Trần Quốc Ân

100%
100%

Anh Trần Quốc Ân

100%

CHƯƠNG III: CHI TIẾT VỀ PROJECT
1.Giới thiệu về bài toán:
SwimOutlet.com - một trang web trực tuyến nổi tiếng chuyên bán đồ bơi.

2. Nội dung:

- Tìm hiểu về Postman, kiểm tra hình ảnh status code 200 OK.
- Tìm hiểu về một số console tool trên mạng.
- Tìm hiểu về Javascript, Jquery, Ajax

14


Bùi Đặng Hồng Chung

3. Thực hiện:
- Xây dựng top brands menu:
Hiển thị danh mục các thương hiệu mà SwimOutlet đang liên kết và kinh doanh trên
trang web xếp theo bảng chữ cái từ A-Z gồm có 5 cột, mỗi cột 16 dịng.
- Viết tool kiểm tra hình ảnh hợp lệ status code 200 OK với Postman:
Kiểm tra các đường link của các hình ảnh từ file text, nếu hợp lệ thì sẽ thêm vào
database, cịn những hình ảnh khơng hợp lệ thì khơng thêm vào nữa.
- Xây dựng trang nhật ký khách hàng cho SwimOutlet sử dụng phân trang Ajax.

4. Kết quả:

15


Bùi Đặng Hồng Chung

16


Bùi Đặng Hồng Chung

Chương IV: TÀI LIỆU THAM KHẢO
[PostMan] />utm_source=www&utm_medium=home_hero&utm_campaign=button
[Console] />[Ajax] />[Javascript] />
17


Bùi Đặng Hồng Chung

Chương V: Kết luận và đánh giá
1. Kết luận:
Sau khi kết thúc chương trình thực tập tại Spiraledge, em đã tiếp thu được thêm
nhiều kiến thức mới, đặc biệt là trong lĩnh vực lập trình web, hiểu thêm các khái
niệm, mục đích, và ý nghĩa của các giai đoạn cơng việc trong q trình phát triển
sản phẩm.
Một lần nữa, em xin cảm ơn công ty Spiraledge đã giúp đỡ cho em trong suốt quá
trình thực tập cũng như làm việc, và chân thành cảm ơn Thầy/Cô Khoa Công nghệ
phần mềm đã tạo điều kiện tốt nhất cho em được hoàn thành kỳ thực tập doanh
nghiệp này.
2. Đánh giá:
Bên cạnh những kiến thức tiếp thu được, do bản thân vẫn cịn chưa có nhiều kinh
nghiệm, nên những sai sót là điều khơng thể tránh khỏi. Trong q trình thực tập,
làm việc, em tự đánh giá bản thân những điểm sau chưa làm được:
-

Code đơi khi vẫn cịn bị lặp code.
Ước tính cơng việc chưa chính xác, đơi khi trễ hơn tiến độ 1 vài ngày

Những sai sót này sẽ giúp ích cho em cải thiện bản thân hơn trong tương lai.

18