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 năm 2021 LỜI MỞ ĐẦU Trong cách mạng cơng nghiệp 4.0, cơng nghệ thơng tin nói chung ngành Cơng nghệ phần mềm nói riêng ln nhân tố đóng vai trị quan trọng q trình phát triển xã hội Công nghệ Web, hay công nghệ sản xuất trang web phục vụ hầu hết nhu cầu người từ bán hàng, cung cấp kiến thức đến thông tin liên lạc, Hiện có đến 1.5 tỷ trang web, nhu cầu tạo trang web chưa có dấu hiệu giảm Do đó, trang web muốn nhiều người sử dụng phải đáp ứng yếu tố hình thức nội dung Làm để sản phẩm tạo đạt chất lượng cao hai yếu tố ln làm đội ngũ phát triển website cần phải suy nghĩ đau đầu Để thử thách thân ngành công nghiệp web, em lựa chọn Front end web developer định hướng cho việc học nghề nghiệp tương lai Sau năm tháng môi trường đại học, với mong muốn áp dụng kiến thức học có trải nghiệm mơi trường thực tế, em định tham gia vào Công Ty Cổ Phần SEABORNES Và Đối Tác – môi trường lý tưởng chuyên nghiệp để thực dự định 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 hội thực tập công ty Dù thời gian ngắn nhờ dẫn nhiệt tình anh Nguyễn Ngọc Tuấn anh Nguyễn Trung Nguyên, em tiếp thu kiến thức quan trọng để tham gia 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 anh chị team bỏ nhiều thời gian, công sức để hướng dẫn, hướng dẫn, giúp đỡ em tận tình làm quen mơi trường việc tiếp cận kiến thức công nghệ, kỹ lập trình tư sản phẩm để thực tốt dự án cá nhân dự án thực tế thời gian qua Em xin cảm ơn thầy cô 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 TP HCM, ngày 15 tháng năm 2021 Nguyễn Hoàng Tuấn NHẬN XÉT CỦA KHOA MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN NHẬN XÉT CỦA KHOA 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 1.2 Sản phẩm công ty 1.3 Lịch làm việc thực tập công ty CHƯƠNG 2: NỘI DUNG THỰC TẬP 2.1 Tìm hiểu cơng ty kỹ công ty 2.2 Thiết kế & dựng layout 2.2.1 Tuần 2.2.2 Tuần 2.2.3 Tuần 2.2.4 Tuần 2.3 Tiến hành xử lý logic ráp API với giao diện 2.3.1 Công nghệ 2.3.2 Mô tả dự án 2.3.3 Kết 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 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) 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 tạo giá trị cho khách hàng thông qua việc không ngừng sáng tạo 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 ngành Giao nhận vận tải Việt Nam 1.2 Sản phẩm công ty Với mạng lưới rộng khắp 63 tỉnh thành VN đối tác tin cậy USA JP, SB&P tự hào nhà cung cấp dịch vụ hàng đầu lĩnh vực kho vận & xử lý đơn hàng, dịch vụ 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 thực tập công ty Em tham gia làm việc công ty ngày 4/6/2020 đến ngày 4/8/2020 ( Thứ năm – Thứ 7) / tuần Công việc ngày 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 gặp khó khăn em đặt câu hỏi nhận chia sẻ từ team anh hướng dẫn Mỗi ngày tiến hành scrum daily vào lúc 8:30 sáng, người họp bàn bạc, trao đổi task tồn đọng, chưa giải Mỗi tháng có tổ chức chơi để team trao đổi với để người hiểu CHƯƠNG 2: NỘI DUNG THỰC TẬP 2.1 Tìm hiểu cơng ty kỹ công ty Thời gian: ngày Nội dung: giới thiệu công ty, cách tổ chức công ty, nghe người phụ trách giới thiệu công ty, trình thành lập 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ơng ty, phịng ban IT, HR, … Ngồi ra, thực tập sinh giới thiệu văn hóa làm việc cơng ty thời gian làm, quy định, cách sử dụng email công việc, … Kết quả: hiểu thêm SB&P, trình thành lập phát triển Có thêm kỹ việc sử dụng email công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm 2.2 Thiết kế & dựng layout Vì có kiến thức sơ Front – end trước đó, em công ty phân công cho việc thiết kết dựng layout web, với tìm hiểu thêm PHP, thời gian khoảng tháng 2.2.1 Tuần Nội dung: • Thiết kế dựng layout profile nhân viên • Tìm hiểu PHP, Yii Framework • Tìm hiểu sử dụng Git Kết quả: thực tốt việc thiết kế layout giao, hiểu rõ Yii Framework, biết sử dụng câu lệnh Git để push, pull code, hoàn thành việc dựng layout giao, đáp ứng nhu cầu làm việc suốt trình thực tập 2.2.2 Tuần Nội dung: • Thiết kế dựng layout chấm cơng nhân viên, lương nhân viên • Tìm hiểu API • Tìm hiểu sử dụng Docker • Các thao tác với kiểu liệu JSON Kết quả: hiểu rõ API, số chức Docker, làm việc với kiểu liệu JSON, hoàn thành việc dựng layout giao, đáp ứng nhu cầu làm việc suốt trình thực tập 2.2.3 Tuần Nội dung: • Tìm hiểu RESTful API PHP • Thiết kế 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 Nội dung: • Tìm hiểu thư viện Jquery • Tìm hiểu Ajax Kết quả: Hiểu làm việc với Jquert Ajax, đáp ứng nhu cầu làm việc suốt trình thực tập 2.3 Tiến hành xử lý logic ráp API với giao diện Sau nắm kiến thức giao tiếp Client Server RESTful API em phân cơng tiếp tục hồn thành dự án giao Website có tên Employee Portal, website cho phép nhân viên truy cập để xin nghỉ, xin cấp phát tài sản cách nhanh chóng, xem lương thơng tin cách xác tiện lợi Người dùng dùng điện thoại, máy tính, hay thiết bị cần kết nối với Internet để truy cập vào trang web 2.3.1 Cơng nghệ Về phía Server phát triển Nodejs ( Typescript), database sử dụng PostgreSQL Về phía Client triển khai 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 website dùng cho nhân viên công ty, sử dụng cách thuận tiện cho việc xin nghỉ phép, cấp phát tài sản hiển thị thông tin nhân viên, lương hàng tháng cách xác nhanh chóng 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 nhân viên bao gồm: tên nhân viên, mã nhân viên, 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í 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 làm nhân viên với màu xanh làm, màu vàng nghỉ có phép màu xám 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 tab: đề nghị phê duyệt • Tab đề nghị bao gồm đơn xin nghỉ phép gồm thông tin 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 trạng thái đơn xin nghỉ phép • Tab phê duyệt: hiển thị với 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 Website tạo hoàn chỉnh với đầy đủ chức đáp ứng tất yêu cầu đề 2.4 Sau thời gian thực tập Sau nhận thấy phản hồi tốt dự án làm từ anh Nguyễn Ngọc Tuấn Em anh Nguyễn Ngọc Tuấn nhận vào làm nhân viên thức sau kết thúc trình thực tập 13 CHƯƠNG 3: TỔNG KẾT Quãng thời gian thực tập SB&P giúp em cải thiện thân nhiều quy trình làm việc thực tế, tác phong người kỹ sư phần mềm Được làm việc đây, em học thêm kỹ 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ỉ thời gian hạn chế, em hoàn thành dự án trình training với tính năng, u cầu đặt ban đầu Ứng dụng sử dụng công nghệ thiết kế theo RESTful API nên đảm bảo việc mở rộng tính năng, testing, bảo trì thuận lợi tương lai Khi trở thành nhân viên thức, em hồn thành tốt tác vụ hạn đạt chất lượng tốt 14 TÀI LIỆU THAM KHẢO JSON: https://www.tutorialspoint.com/json/json_ajax_example.htm Git Tutorial: https://www.tutorialspoint.com/git/index.htm RESTful API: https://topdev.vn/blog/restful-api-la-gi/ https://jsonapi.org/ Bootstrap: https://getbootstrap.com/ API with Jquery: https://api.jquery.com/ Using post man test get API: https://developer.mypurecloud.com/api/rest/postman/index.html Select 2: https://select2.org/getting-started/basic-usage SweetAlert2: https://sweetalert2.github.io/ Fontawesome: https://fontawesome.com/ 15 ... 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 1.2 Sản phẩm công ty 1.3 Lịch làm việc thực tập công ty CHƯƠNG 2: NỘI DUNG THỰC TẬP ... trình thực tập 2.3 Tiến hành xử lý logic ráp API với giao diện Sau nắm kiến thức giao tiếp Client Server RESTful API em phân cơng tiếp tục hồn thành dự án giao Website có tên Employee Portal, website. .. vào làm nhân viên thức sau kết thúc q trình thực tập 13 CHƯƠNG 3: TỔNG KẾT Quãng thời gian thực tập SB&P giúp em cải thiện thân nhiều quy trình làm việc thực tế, tác phong người kỹ sư phần mềm Được