Báo cáo thực tập xây dựng WEBSITE EMPLOYEE PORTAL

ĐẠ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
XÂY DỰNG WEBSITE EMPLOYEE PORTAL

Công ty thực tập:

Công Ty Cổ Phần SEABORNES Và Đối Tác

Người phụ trách:

Nguyễn Ngọc Tuấn

Thực tập sinh:

Nguyễn Hồng Tuấn

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


LỜI MỞ ĐẦU

Trong cuộc cách mạng công nghiệp 4.0, công nghệ thơng tin nói chung và ngành Cơng nghệ
phần mềm nói riêng ln là nhân tố đóng vai trị quan trọng trong q trình phát triển của xã
hội.

Cơng nghệ Web, hay công nghệ sản xuất các trang web đã phục vụ hầu hết các nhu cầu của

con người từ bán hàng, cung cấp kiến thức đến thông tin liên lạc, ... Hiện nay đã có đến hơn
1.5 tỷ trang web, nhưng nhu cầu tạo ra những trang web mới vẫn chưa có dấu hiệu giảm.

Do đó, một trang web muốn được nhiều người sử dụng phải đáp ứng được yếu tố hình thức và
nội dung. Làm thế nào để sản phẩm tạo ra đạt chất lượng cao ở hai yếu tố trên ln làm bất kì
một đội ngũ phát triển website nào cũng cần phải suy nghĩ đau đầu. Để thử thách bản thân trong
ngành công nghiệp web, em đã lựa chọn Front end web developer là định hướng cho việc học
cũng như nghề nghiệp trong tương lai.

Sau những năm tháng trong môi trường đại học, với mong muốn áp dụng những kiến thức đã
học và có được trải nghiệm trong môi trường thực tế, em đã quyết định tham gia vào Công Ty
Cổ Phần SEABORNES Và Đối Tác – một môi trường lý tưởng và chuyên nghiệp để thực hiện
dự định.

2


LỜI CẢM ƠN

Em xin trân trọng gửi lời cảm ơn Công Ty Cổ Phần SEABORNES Và Đối Tác đã tạo điều kiện
cho em cơ hội được thực tập tại công ty. Dù trong thời gian ngắn nhưng nhờ sự chỉ dẫn nhiệt tình
của anh Nguyễn Ngọc Tuấn và anh Nguyễn Trung Nguyên, em đã tiếp thu những kiến thức quan
trọng để có thể tham gia một dự án thực tế.
Chân thành cảm ơn anh Nguyễn Ngọc Tuấn, anh Nguyễn Trung Nguyên và các anh chị trong
team đã bỏ ra nhiều thời gian, công sức để hướng dẫn, hướng dẫn, giúp đỡ em tận tình
trong khi làm quen mơi trường mới cũng như trong việc tiếp cận kiến thức công nghệ, kỹ năng
lập trình và tư duy sản phẩm để có thể thực hiện tốt dự án cá nhân và dự án thực tế trong thời
gian qua.
Em 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áo cáo này.

TP. HCM, ngày 15 tháng 1 năm 2021

Nguyễn Hoàng Tuấn

3


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

...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
4


MỤC LỤC
LỜI MỞ ĐẦU ....................................................................................................... 2
LỜI CẢM ƠN ........................................................................................................ 3
NHẬN XÉT CỦA KHOA ..................................................................................... 4
CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP .............................................. 6
1.1. Giới thiệu Công Ty Cổ Phần SEABORNES Và Đối Tác ........................... 6

1.2. Sản phẩm của công ty ................................................................................ 6
1.3. Lịch làm việc khi thực tập tại công ty ........................................................ 7
CHƯƠNG 2: NỘI DUNG THỰC TẬP.................................................................. 8
2.1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty ................................. 8
2.2. Thiết kế & dựng layout ................................................................................ 8
2.2.1. Tuần 1 .................................................................................................... 8
2.2.2. Tuần 2 .................................................................................................... 8
2.2.3. Tuần 3 .................................................................................................... 9
2.2.4. Tuần 4 .................................................................................................... 9
2.3. Tiến hành xử lý logic và ráp API với giao diện ............................................ 9
2.3.1. Công nghệ .............................................................................................. 9
2.3.2. Mô tả dự án ............................................................................................ 9
2.3.3. Kết quả .................................................................................................13
2.4. Sau thời gian thực tập .................................................................................13
CHƯƠNG 3: TỔNG KẾT ....................................................................................14
TÀI LIỆU THAM KHẢO.....................................................................................15

5


CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP
1.1.

Giới thiệu Cơng Ty Cổ Phần SEABORNES Và Đối Tác

Hình 1.1. Logo Cơng Ty Cổ Phần SEABORNES Và Đối Tác
Công ty CỔ PHẦN SEABORNES & ĐỐI TÁC (SB&P) được thành lập vào năm 2011 với
sứ mạng trở thành đối tác cung cấp dịch vụ chuỗi cung ứng đáng tin cậy và tạo ra các giá trị
mới cho khách hàng thông qua việc không ngừng sáng tạo các giải pháp dịch vụ vượt trội.
Với mục tiêu xây dựng SB&P trở thành thương hiệu mạnh của ngành Giao nhận vận tải tại

Việt Nam.

1.2.

Sản phẩm của công ty

Với mạng lưới rộng khắp 63 tỉnh thành tại VN và các đối tác tin cậy tại USA và JP, SB&P tự
hào là nhà cung cấp dịch vụ hàng đầu trong các lĩnh vực kho vận & xử lý đơn hàng, dịch vụ

6


chuyển phát nhanh quốc tế, dịch vụ giao nhận thương mại điện tử, đại lý giao nhận vận tải
quốc tế.

1.3.

Lịch làm việc khi thực tập tại công ty

Em tham gia làm việc tại công ty bắt đầu từ ngày 4/6/2020 đến ngày 4/8/2020 ( Thứ năm –
Thứ 7) / tuần. Công việc hằng ngày bắt đầu từ 8:00 sáng đến 5:30 chiều. Thời gian nghỉ trưa
từ 11:30 đến 1h chiều. Trong q trình làm việc nếu gặp khó khăn thì em đặt câu hỏi và nhận
được chia sẻ từ team cũng như anh hướng dẫn.
Mỗi ngày sẽ tiến hành scrum daily vào lúc 8:30 sáng, mọi người sẽ cùng họp và bàn bạc, trao
đổi về các task còn tồn đọng, chưa được giải quyết. Mỗi tháng sẽ có tổ chức đi chơi để cả
team có thể trao đổi với nhau để mọi người có thể hiểu nhau hơn.

7

CHƯƠNG 2: NỘI DUNG THỰC TẬP
2.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, q 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, các phịng ban về IT, HR, … Ngồi ra, thực tập sinh cịn được giới
thiệu về văn hóa làm việc trong cơng ty như thời gian đi làm, các quy định, cách sử dụng
email trong công việc, …
Kết quả: hiểu thêm về SB&P, quá 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.2. Thiết kế & dựng layout
Vì đã có kiến thức sơ về Front – end trước đó, em được cơng ty phân cơng cho việc thiết kết
cũng như dựng layout trên web, cùng với đó thì tìm hiểu thêm về PHP, thời gian khoảng 1
tháng.

2.2.1. Tuần 1
Nội dung:
•

Thiết kế và dựng layout profile nhân viên

•

Tìm hiểu về PHP, Yii Framework

•

Tìm hiểu và sử dụng Git

Kết quả: thực hiện tốt việc thiết kế và layout như đã được giao, hiểu rõ hơn về Yii
Framework, biết sử dụng các câu lệnh của Git để push, pull code, hoàn thành việc dựng
layout đã được giao, đáp ứng nhu cầu làm việc trong suốt quá trình thực tập.

2.2.2. Tuần 2
Nội dung:
•

Thiết kế và dựng layout chấm cơng nhân viên, lương nhân viên

•

Tìm hiểu về API

•

Tìm hiểu và sử dụng Docker

•

Các thao tác với kiểu dữ liệu JSON

8


Kết quả: hiểu rõ về API, và một số chức năng cơ bản của Docker, có thể làm việc với kiểu dữ
liệu JSON, hoàn thành việc dựng layout đã được giao, đáp ứng nhu cầu làm việc trong suốt
quá trình thực tập.

2.2.3. Tuần 3

Nội dung:
•

Tìm hiểu về RESTful API trong PHP

•

Thiết kế và dựng layout nghỉ phép, cấp phát tài sản.

Kết quả: Thành tạo RESTful API, hoàn thành layout nghỉ phép, cấp phát tài sản

2.2.4. Tuần 4
Nội dung:
•

Tìm hiểu về thư viện Jquery

•

Tìm hiểu về Ajax

Kết quả: Hiểu và làm việc được với Jquert và Ajax, đáp ứng nhu cầu làm việc trong suốt quá
trình thực tập.

2.3. Tiến hành xử lý logic và ráp API với giao diện
Sau khi nắm được các kiến thức giao tiếp giữa Client và Server là RESTful API thì em được
phân cơng là tiếp tục hồn thành dự án như đã giao.
Website có tên là Employee Portal, là một website cho phép nhân viên truy cập để có thể xin
nghỉ, xin cấp phát tài sản một cách nhanh chóng, xem lương và thơng tin của mình một cách
chính xác và tiện lợi.

Người dùng có thể dùng điện thoại, máy tính,.. hay bất kì thiết bị nào chỉ cần kết nối với
Internet để có thể truy cập vào trang web.

2.3.1. Cơng nghệ
Về phía Server được phát triển trên Nodejs ( Typescript), database sử dụng PostgreSQL.
Về phía Client được triển khai trên PHP, sử dụng Javascript, Jquery kết hợp với Ajax để kết
nối API.

2.3.2. Mô tả dự án
Đây là 1 website dùng cho nhân viên trong công ty, có thể sử dụng 1 cách thuận tiện cho việc
xin nghỉ phép, cấp phát tài sản cũng như hiển thị thơng tin nhân viên, lương hàng tháng một
cách chính xác và nhanh chóng nhất.
9


2.3.2.1. Login
Trang hiển thị login vào website employee portal

Hình 2.1 Giao diện Login

2.3.2.2. Profile nhân viên
Hiển thị thông tin của nhân viên bao gồm: tên nhân viên, mã nhân viên, bộ phận,…

Hình 2.2 Giao diện profile nhân viên

10


2.3.2.3. Giao diện Salary
Hiển thị thông tin lương bao gồm: lương cứng, phí cũng như lương thưởng, bảo hiểm,…

Hình 2.3 Giao diện salary

2.3.2.4. Giao diện chấm công
Hiển thị thông tin đi làm của nhân viên với màu xanh là đi làm, màu vàng là nghỉ có phép và
màu xám là nghỉ khơng phép.

Hình 2.4 Giao diện chấm cơng

2.3.2.5 Giao diện nghỉ phép
11


Giao diện nghỉ phép bao gồm 2 tab: đề nghị và phê duyệt
•

Tab đề nghị bao gồm những đơn xin nghỉ phép gồm các thông tin cơ bản như: ngày
xin phép, loại nghỉ phép, mã nhân viên, tên nhân viên, thời gian nghỉ phép và trạng
thái đơn xin nghỉ phép

•

Tab phê duyệt: chỉ hiển thị với những người có quyền phê duyệt đơn xin nghỉ phép (
ví dụ trưởng phịng, giám đốc,..)

Hình 2.5 Giao diện đề nghị

Hình 2.6 Giao diện phê duyệt

12

Hình 2.7 Giao diện xin nghỉ phép

2.3.3. Kết quả
Website đã được tạo ra hoàn chỉnh với đầy đủ các chức năng và đáp ứng tất cả các yêu cầu
được đề ra.

2.4. Sau thời gian thực tập
Sau khi nhận thấy phản hồi tốt về dự án đã và đang làm từ anh Nguyễn Ngọc Tuấn. Em được
anh Nguyễn Ngọc Tuấn nhận vào làm nhân viên chính thức sau khi kết thúc quá trình thực
tập.

13


CHƯƠNG 3: TỔNG KẾT
Quãng thời gian thực tập tại SB&P đã giúp em cải thiện bản thân rất nhiều trong quy trình
làm việc thực tế, tác phong của người kỹ sư phần mềm. Được làm việc tại đây, em đã học
thêm được kỹ năng mềm sử dụng mail, quản lý, làm việc nhóm, giao tiếp với cấp trên,…
Chỉ trong thời gian hạn chế, em đã hoàn thành dự án trong q trình training với các
tính năng, u cầu đặt ra ban đầu. Ứng dụng đã sử dụng những công nghệ mới nhất hiện nay
và được thiết kế theo RESTful API nên đảm bảo việc mở rộng tính năng, testing, cũng như
bảo trì sẽ thuận lợi trong tương lai.
Khi trở thành nhân viên chính thức, em cũng hồn thành tốt các tác vụ đúng hạn và đạt chất
lượng tốt.

14

TÀI LIỆU THAM KHẢO
1. JSON: />2. Git Tutorial: />3. RESTful API:
/> />4. Bootstrap: />5. API with Jquery: />6. Using post man test get API:
/>7. Select 2: />8. SweetAlert2: />9. Fontawesome: />
15