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 qu
Trang 1ĐẠ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 Hoàng Tuấn
TP Hồ Chí Minh, tháng 1 năm 2021
Trang 2LỜ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 luôn là nhân tố đóng vai trò quan trọng trong quá 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 luôn 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
Trang 3LỜ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
Trang 4NHẬN XÉT CỦA KHOA
Trang 5
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
Trang 6CHƯƠ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ụ
Trang 7chuyể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 quá 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
Trang 8CHƯƠ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ệuvề 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ứctổ chức của công ty, các phòng ban về IT, HR, … Ngoài ra, thực tập sinh còn được giới thiệuvề 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 trongcô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ăngvề 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
Trang 9Kế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 hoà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
Trang 102.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
Trang 112.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
Trang 12Giao 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
Trang 13Hì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
Trang 14CHƯƠ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 quá trình training với các
tính năng, yê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 hoàn thành tốt các tác vụ đúng hạn và đạt chất lượng tốt
Trang 15TÀI LIỆU THAM KHẢO
1 JSON: https://www.tutorialspoint.com/json/json_ajax_example.htm
2 Git Tutorial: https://www.tutorialspoint.com/git/index.htm
3 RESTful API:
https://topdev.vn/blog/restful-api-la-gi/
https://jsonapi.org/
4 Bootstrap: https://getbootstrap.com/
5 API with Jquery: https://api.jquery.com/
6 Using post man test get API:
https://developer.mypurecloud.com/api/rest/postman/index.html
7 Select 2: https://select2.org/getting-started/basic-usage
8 SweetAlert2: https://sweetalert2.github.io/
9 Fontawesome: https://fontawesome.com/