Báo cáo thực tập tốt nghiệp đề tài xây dựng website giới thiệu công ty cổ phần quản lý dự án xây dựng toàn thịnh phát

1 BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP THỰC PHẨM TP.HCM KHOA CÔNG NGHỆ THÔNG TIN  BÁO CÁO THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE GIỚI THIỆU CÔNG TY CỔ PHẦN QUẢN LÝ DỰ ÁN & XÂY DỰNG TOÀN THỊNH PHÁT Sinh viên thực hiện: Trần Thị Anh Thư MSSV: 2001181352 – Lớp: 09DHTH7 TP HỒ CHÍ MINH – 2021 LỜI CAM ĐOAN Em xin cam đoan đề tài “Xây dựng website giới thiệu công ty quản lý dự án & xây dựng Toàn Thịnh Phát” em thời gian qua, trình nghiên cứu thực độc lập cá nhân em Ngồi khơng có chép người khác Đề tài, nội dung báo cáo sản phẩm mà em nỗ lực hồn thành q trình học tập Hơn có giúp đỡ gợi ý anh Đồng Phước Minh làm cho đề tài khố luận thêm sinh động hồn thiện Các số liệu, kết trình bày báo cáo hoàn toàn trung thực, em xin chịu hoàn toàn trách nhiệm, kỷ luật hội đồng nhà trường đề có vấn đề xảy Em xin cam đoan giúp đỡ cho việc thực khoá luận cám ơn thơng tin trích dẫn ghi rõ nguồn gốc Sinh viên thực hiện: (Ký ghi rõ họ tên) LỜI CẢM ƠN Trước tiên em xin gửi đến quý thầy, cô giáo trường Đại học Cơng nghiệp Thực phẩm TP Hồ Chí Minh lời cám ơn chân thành tận tâm truyền đạt cho em kiến thức quý báu để hoàn thành đề báo cáo thực tập tốt nghiệp Tiếp theo, em xin chân thành cảm ơn giúp đỡ ban giám đốc anh chị nhân viên công ty tận tình dẫn tạo điều kiện cho em tìm hiểu, cung cấp số liệu tài liệu trình thực tập làm báo cáo Vì kiến thức cịn hạn chế, nên q trình hồn thiện báo cáo thực tập đề tài không tránh khỏi sai sót, kính mong nhận ý kiến đóng góp từ phía thầy Em xin chân thành cám ơn NHẬN XÉT CỦA ĐƠN VỊ THỰC TẬP MỤC LỤC CHƯƠNG GIỚI THIỆU CHUNG ĐƠN VỊ THỰC TẬP 1.1 Thông tin đơn vị thực tập: .7 1.1.1 Sơ lược hình thành phát triển đơn vị 1.1.2 Tổ chức lĩnh vực hoạt động đơn vị 1.1.3 Tổ chức quản lý sử dụng nguồn lực đơn vị 1.1.4 Cơ cấu tổ chức 1.1.5 Tình hình hoạt động doanh nghiệp .10 1.2 Thơng tin vị trí sinh viên tham gia thực tập: .10 1.2.1 Giới thiệu chung vị trí cơng tác 10 1.2.2 Đặc điểm, yêu cầu .10 1.2.3 Cơ cấu tổ chức, nhiệm vụ liên quan 10 CHƯƠNG PHÂN TÍCH THỰC TRẠNG CỦA VẤN ĐỀ CÓ LIÊN QUAN ĐẾN ĐỀ TÀI MÀ SINH VIÊN CHỌN VIẾT BÁO CÁO THỰC TẬP TẠI ĐƠN VỊ/DOANH NGHIỆP THỰC TẬP 12 2.1 Phân tích đánh giá tình hình thực tế, ưu điểm hạn chế vấn đề , tiến độ thực công việc vấn đề: 12 2.1.1 Nội dung tham gia thực tập tuần 1: 12 2.1.2 Nội dung tham gia thực tập tuần 2: 12 2.1.3 Nội dung thực tham gia tập tuần 12 2.1.4 Nội dung tham gia thực tập tuần 4: 14 2.1.5 Nội dung tham gia thực tập tuần 5: 15 2.1.6 Nội dung tham gia thực tập tuần 6: 17 2.1.7 Nội dung tham gia thực tập tuần 7: 18 2.1.8 Nội dung tham gia thực tập tuần 8: 21 2.2 Sơ lược kỹ thuật công nghệ, liên quan đến nội dung 1,2,3…,n 21 CHƯƠNG NHẬN XÉT, ĐÁNH GIÁ THỰC TRẠNG 23 3.1 Các nhận xét, đánh giá thực trạng trình làm việc 23 3.2 Các kiến nghị 23 KẾT LUẬN .23 TÀI LIỆU THAM KHẢO .24 MỤC LỤC HÌNH ẢNH Hình Sơ đồ tổ chức công ty Hình Giới thiệu sơ lược cơng ty .13 Hình Trang giao diện cơng ty .13 Hình Trang tin tức bật công ty .14 Hình Một số dự án tiêu biểu .14 Hình Trang đăng nhâp 15 Hình Trang nhân .16 Hình Trang đăng kí .16 Hình Trang liên hệ 17 Hình 10 Giao diện hình hiển thị iphone 12 .18 Hình 11 Giao diện hình thị Ipad Air .19 Hình 12 Giao diện hình thoại Iphone 20 Hình 13 Trang giới thiệu cơng ty Tồn Thịnh Phát 21 CHƯƠNG 1.1 GIỚI THIỆU CHUNG ĐƠN VỊ THỰC TẬP Thông tin đơn vị thực tập: 1.1.1 Sơ lược hình thành phát triển đơn vị Cơng ty cổ phần QLDA & XD TỒN THỊNH PHÁT Là cơng ty cổ phần, có trụ sở số 75, đường Nguyễn Cơng Trứ, phường Tân An, TX Lagi, tỉnh Bình Thuận Là đơn vị có tư cách pháp nhân đăng ký kinh doanh theo pháp luật, có lực chun mơn lãnh vực TVXD &TMDV, đủ điều kiện để thực công việc sau: khảo sát, lập dự án, lập báo cáo kinh tế kỹ thuật; Thiết kế kiến trúc, kết cấu; Giám sát kỹ thuật thi công Tư vấn đầu tư xây dựng đường dây hạ thế, trung thế, hệ thống điện chiếu sáng công lộ trạm biến áp Với góp sức chuyên gia dày dặn kinh nghiệm lĩnh vực TVXD TMDV kết hợp với đội ngũ Kiến trúc sư; Kỹ sư; Cử kinh tế Cán quản lý có trình độ cao chuyên nghành đạt chuẩn Luôn động sáng tạo, chịu khó ham học hỏi Tel: 02523.871779 – DĐ: 0918.148.939 Email: Toanthinhphat379@gmail.com Mã số doanh nghiệp: 3400988823 Đăng kí lần đầu: ngày 05 tháng 03 năm 2012 Đăng kí lần thay đổi lần thứ 1: ngày 25 tháng 02 năm 2014 1.1.2 Tổ chức lĩnh vực hoạt động đơn vị Mơ hình hoạt động Toàn Thịnh Phát Hoạt động thiết kế chuyên dụng Chuẩn bị mặt Hồn thiện cơng trình xây dựng Hoạt động tư vấn quản lý Kiểm tra phân tích kỹ thuật Hoạt động kiến trúc tư vấn kỹ thuật có liên quan Phá dở Xây dựng nhà để không để Xây dựng cơng trình kỹ thuật dân dụng 1.1.3 - Tổ chức quản lý sử dụng nguồn lực đơn vị Hội đồng quản trị: Là người quản lý cao cơng ty, có tồn quyền nhân danh cơng ty để định vấn đề liên quan đến mục đích, quyền lợi cơng ty Giám sát giám đốc cán quản lý khác công ty - Giám đốc: Là người có trách nhiệm cao công ty trước mặt pháp luật hoạt động sản xuất kinh doanh, có cấu tổ chức, cấu tài cơng ty - Phịng hành nhân sự: Quản lý mặt nhân Có trách nhiệm đào tạo, tuyển dụng nhân cho cơng ty theo u cầu cơng việc phịng ban, tổ, đội thi cơng - Phịng kế hoạch tài chính: Giúp giám đốc lập kế hoạch khai khác chu chuyển vốn, đáp ứng yêu cầu kinh doanh đơn vị: Lập báo cáo tài chính, báo cáo thuế, báo cáo thu chi định kì Nhằm giúp giám đốc điều hành vốn hiệu theo quy định Pháp luật - Phịng thiết kế & quản lí dự án: Tư vấn giám sát cơng trình xây dưng dân dụng công nghiệp Thẩm tra hồ sơ thiết kế cơng trình xây dựng dân dụng cơng nghiệp - Phòng kế hoạch kinh doanh: Lập kế hoạch loại nguyên vật liệu, máy móc thiết bị, dụng cụ Thực cơng việc xuất nhập hàng hố ngun vật liệu phục vụ cho việc thi cơng cơng trình Quản lí lưu trữ tài liệu liên quan đến hoạt động kinh doanh công ty 1.1.4 Cơ cấu tổ chức Hình Sơ đồ tổ chức cơng ty 1.1.5 Tình hình hoạt động doanh nghiệp Doanh nghiệp hoạt động từ 2012 đến nay, với phương châm “Khách hàng tài sản quý giá doanh nghiệp, lý để doanh nghiệp tồn phát triển” Tồn Thịnh Phát ln ln lắng nghe, luôn thấu hiểu nhu cầu khách hàng Để từ đó, áp dụng tất tư kỹ kinh nghiệm nhằm giải tối ưu nhu cầu Doanh nghiệp có khoảng 30 nhân sự, nhiều dự án lớn tiêu biểu như: + Bệnh viện đa khoa Đức Lập Long An + Nhà máy xi Titan Bình Thuận + Nhà máy xay xát, lau bóng gạo Bình Phú Thiên,… 1.2 1.2.1 Thơng tin vị trí sinh viên tham gia thực tập: Giới thiệu chung vị trí cơng tác Vị trí thực tập: Thực tập sinh Front End, em đảm nhiệm thiết kế giao diện website giới thiệu cho cơng ty Tồn Thịnh Phát Mô tả chung: Em sử dụng ngôn ngữ lập trình HTML CSS để xây dựng thiết kế giao diện Đồng thời kết hợp học cách sử dụng thư viện Slickjs để tạo slide, animate on scroll để chuyển động giao diện cuộn chuột,… Hiện thị tốt laptop tablet mobile 1.2.2 Đặc điểm, yêu cầu Xây dựng chức front-end Website Triển khai giao diện HTML/CSS Javascript theo yêu cầu khách hàng Đảm bảo tiêu chuẩn đồ họa chất lượng cao thống brand Thu thập ý kiến phản hồi xây dựng hướng giải cho người sử dụng khách hàng 1.2.3 Cơ cấu tổ chức, nhiệm vụ liên quan Bên cạnh mục tiêu xây dựng giao diện web ngơn ngữ lập trình, việc website bắt mắt thu hút nhiều khách hàng Em học thêm cách 10 phân tích yêu cầu từ khách hàng, vẽ use case nghiệp vụ để từ triển khai giao diện theo mong muốn khách hàng Em biết thêm quy trình làm việc anh chị ban điều hành, học thêm tính tỉ mỉ xác người cơng ty 11 CHƯƠNG PHÂN TÍCH THỰC TRẠNG CỦA VẤN ĐỀ CÓ LIÊN QUAN ĐẾN ĐỀ TÀI MÀ SINH VIÊN CHỌN VIẾT BÁO CÁO THỰC TẬP TẠI ĐƠN VỊ/DOANH NGHIỆP THỰC TẬP 2.1 Phân tích đánh giá tình hình thực tế, ưu điểm hạn chế vấn đề , tiến độ thực công việc vấn đề: 2.1.1 Nội dung tham gia thực tập tuần 1: Tìm hiểu nghiệp vụ, phân tích tổng hợp thơng tin nghiệp vụ doanh nghiệp - Phân tích đánh giá: Bước em có thời gian tuần để tìm hiểu quy trình cách thức hoạt động cơng ty Có nhìn tổng quan công ty Học cách thống kê công việc cần làm sau lần báo cáo - Ưu nhược điểm: Ưu điểm: gặp trực tiếp, quan sát trực tiếp môi trường làm việc Nhược điểm: chưa sn sẻ, cịn sửa sửa lại phân tích xác yêu cầu khách hàng 2.1.2 Nội dung tham gia thực tập tuần 2: Thiết kế UI UX cho trang web doanh nghiệp - Phân tích đánh giá: Phát thảo thiết kế giao diện cho trang web, bao gồm trang giới thiệu, trang dự án, trang nhân trang liên hệ Link: https://www.figma.com/file/F9iaYXJOa0d3wBFrYMgF7F/Untitled?nodeid=0%3A1 - Ưu nhược điểm Tự học thêm cách phân tích thiết kế vẽ sơ đồ usecase, tự tay thiết kế giao diện website cho công ty cách thực tế Nhược điểm: khơng học mơn PTTK hệ thống thông tin từ trước nên em gặp nhiều khó khăn, thiếu xót cơng việc 2.1.3 Nội dung thực tham gia tập tuần 12 Triển khai code cho trang web theo thiết kế tuần - Phân tích đánh giá: tuần thứ ba em tiến hành code theo giao diện có - Ưu nhược điểm: Thiết kế thêm phần Tin tức để khách hàng dễ dàng nắm bắt sẵn từ tuần trước, code giới thiệu trang chủ tin tức công ty thông tin, dự án gần công ty Sử dụng hiệu ứng slider để không bị nhàm chán Hình Giới thiệu sơ lược cơng ty Hình Trang giao diện cơng ty 13 Hình Trang tin tức bật cơng ty 2.1.4 Nội dung tham gia thực tập tuần 4: Triển khai code theo thiết kế trang web tuần - Phân tích đánh giá: Tiếp tục code tiếp mục dự án bật đăng nhập 14 - Ưu nhược điểm: Dần quen với môi trường công ty Tuy nhiên thời hạn thực tập gấp rút, ý tưởng vị trí thực tập em tự đề xuất nên khơng có hỗ trợ vấn đề chuyên nghành Hình Một số dự án tiêu biểu 15 Hình Trang đăng nhâp 2.1.5 Nội dung tham gia thực tập tuần 5: Triển khai code cho giao diện có sẵn tuần - Phân tích đánh giá: Tiếp tục hồn thiện xử lí cơng việc tuần trước, hồn thiện - Ưu nhược điểm: Thông tin công ty bảo mật, mục nhân em để hình trang nhân (dùng thư viện Animate on scroll) đăng kí tài khoản ảnh tên minh hoạ Vì kiến thức kĩ cịn hạn chế, nên em thiết kế giao diện chưa code sâu vào yêu cầu phần login Nếu có thời gian chắn em học tự phát triển thêm 16 Hình Trang nhân Hình Trang đăng kí 17 2.1.6 Nội dung tham gia thực tập tuần 6: Triển khai code cho giao diện có sẵn tuần - Phân tích đánh giá: Tiến hành code thông tin liên hệ công ty cho website - Ưu nhược điểm: Việc thực khoá luận tốt nghiệp song song với thực tập tốt nghiệp xảy song song, nên gặp nhiều khó khăn trễ tiến độ Hình Trang liên hệ 18 2.1.7 Nội dung tham gia thực tập tuần 7: Tối ưu trải nghiệm người dùng sử dụng đa thiết bị - Phân tích đánh giá: Sử dụng giao diện đa thiết bị, ip7, ip12 - Ưu nhược điểm: Hoàn thành sớm mục tiêu đề (trước tuần) ipad air Hình 10 Giao diện hình hiển thị iphone 12 19 Hình 11 Giao diện hình thị Ipad Air 20 Hình 12 Giao diện hình thoại Iphone 21 2.1.8 Nội dung tham gia thực tập tuần 8: Hồn thiện đưa sản phẩm lên mơi trường internet - Phân tích đánh giá: Đẩy nhanh tiến độ theo yêu cầu nhà trường, đưa code hoàn thiện lên host Cụ thể github - Ưu nhược điểm: Được người hướng dẫn anh chị cơng ty góp ý nhiều giao diện, cụ thể màu sắc không bật Chưa tối ưu chức Hình 13 Trang giới thiệu cơng ty Tồn Thịnh Phát Link website cụ thể: https://anhthu2k.github.io/ToanThinhPhat/? fbclid=IwAR3XMgGf3E9ivHUEsZD1nfHNTupDNc19Vo0cW05erCUs3O0m1GINn wJclA4 2.2 Sơ lược kỹ thuật công nghệ, liên quan đến nội dung 1,2,3…,n - Thiết kế giao diện cho website: figma - Ngôn ngữ mà em sử dụng để xây dựng website: HTML - ngơn ngữ đánh dấu thiết kế để tạo nên trang web World Wide Web Nó 22 trợ giúp công nghệ CSS ngôn ngữ kịch giống JavaScript - Github: lưu trữ code đẩy code hoàn thiện lên host 23 CHƯƠNG 3.1 NHẬN XÉT, ĐÁNH GIÁ THỰC TRẠNG Các nhận xét, đánh giá thực trạng trình làm việc Do khơng xếp kế hoạch thực tập từ trước nên em bỏ lỡ nhiều hôi, dẫn đến hồn thành khố luận tốt nghiệp song song với việc thực tập tốt nghiệp cịn gặp nhiều khó khăn Vẫn hồn thành tốt cơng việc giao khơng mong muốn Đồng thời vị trí thực tập em tự đề xuất với công ty chấp thuận Tuy không nhận hỗ trợ nhiệt tình vấn đề chuyên nghành, thân em cảm nhận nhận thực tập cơng ty việc ưu Được trải nghiệm môi trường thực tập thực tế 3.2 Các kiến nghị Theo thân em, chuyên nghành nên học mơn “phân tích thiết kế hệ thống thơng tin” để hiểu nghiệp vụ, giúp dễ dàng việc phân tích yêu cầu khách hàng Tránh thời gian cho việc sửa sửa lại usecase Đồng thời, em mong muốn nhà trường xem xét việc triển khai điều kiện trường khoá luận tốt nghiệp thực tập tốt nghiệp khoảng thời gian khác Để sinh viên không bị vướng bận thời gian hoàn thành, mang lại kết cao Em xin chân thành cám ơn KẾT LUẬN Trong suốt gần tháng thực tập công ty phát triển dự án đầu tư xây dựng Toàn Thịnh Phát Được đồng ý nhà trường giúp đỡ giám đốc công ty, với giúp đỡ tận tình anh chị nhân viên công ty, qua thời gian thực tập em đúc kết vấn đề sau: Đầu tiên, học tính tỉ mỉ xác người Tiếp theo làm quen với việc thống kê công việc cần làm ngày viết báo cáo tuần Trải nghiệm môi 24 trường làm thực tế Ngồi cịn dự án thực tế nằm chuyên nghành mà em theo học Cùng với kiến thức học trường, em hoàn thành tốt đợt thực tập tốt nghiệp Qua đợt thực tập em học thêm nhiều kiến thức kinh nghiệm bổ ích, phần lớn nhờ vào việc tự học Để sau trường em vận dụng kiến thức học để đưa vào thực tế Em xin cảm ơn hướng dẫn nhiệt tình thầy cô giảng đường đại học Cám ơn giúp đỡ người hướng dẫn thực tập anh chị cơng ty Tồn Thịnh Phát giúp em hoàn thành tốt đợt thực tập TÀI LIỆU THAM KHẢO https://www.bacs.vn/vi/blog/cong-cu-ho-tro/huong-dan-cach-su-dung-figma-co-ban14462.html https://webcoban.vn/html/default.html Giáo trình Phân tích thiết kế hệ thống thơng tin, lập trình web khoa công nghệ thông tin, trường Đại học Công nghiệp Thực Phẩm Tp.HCM Tài liệu lưu hành nội công ty Toàn Thịnh Phát 25