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 &
Trang 11
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
Trang 2LỜ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” của em trong thời gian qua, là quá trình nghiên cứu và thực
hiện độc lập của cá nhân em Ngoài ra không có sự sao chép của người khác Đề tài,nội dung báo cáo là sản phẩm mà em đã nỗ lực hoàn thành trong quá trình học tập.Hơn thế nữa là có sự giúp đỡ và gợi ý của anh Đồng Phước Minh đã làm cho đề tàikhoá luận thêm sinh động và hoàn thiện hơn Các số liệu, kết quả trình bày trong báocáo là hoàn toàn trung thực, em xin chịu hoàn toàn trách nhiệm, kỷ luật của hội đồng
và nhà trường đề ra nếu như có vấn đề xảy ra
Em xin cam đoan rằng mọi sự giúp đỡ cho việc thực hiện khoá luận này đã được cám
ơn và các thông tin trích dẫn đã được ghi rõ nguồn gốc
Sinh viên thực hiện:
(Ký và ghi rõ họ tên)
2
Trang 3LỜI CẢM ƠN
Trước tiên em xin gửi đến các quý thầy, cô giáo trường Đại học Công nghiệpThực phẩm TP Hồ Chí Minh lời cám ơn chân thành vì đã tận tâm truyền đạt cho emnhững kiến thức quý báu để hoàn thành đề báo cáo thực tập tốt nghiệp này
Tiếp theo, em xin chân thành cảm ơn sự giúp đỡ của ban giám đốc và các anhchị nhân viên công ty đã tận tình chỉ dẫn tạo điều kiện cho em tìm hiểu, cung cấp sốliệu và tài liệu trong quá trình thực tập và làm báo cáo
Vì kiến thức còn hạn chế, nên trong quá trình hoàn thiện báo cáo thực tập đề tàinày sẽ không tránh khỏi những sai sót, kính mong nhận được những ý kiến đóng góp
từ phía thầy cô
Em xin chân thành cám ơn
Trang 4NHẬN XÉT CỦA ĐƠN VỊ THỰC TẬP
4
Trang 5MỤC LỤC
CHƯƠNG 1 GIỚI THIỆU CHUNG ĐƠN VỊ THỰC TẬP 7
1.1 Thông tin về đơn vị thực tập: 7
1.1.1 Sơ lược về sự hình thành và phát triển của đơn vị 7
1.1.2 Tổ chức và các lĩnh vực hoạt động của đơn vị 7
1.1.3 Tổ chức quản lý sử dụng các nguồn lực của đơn vị 8
1.1.4 Cơ cấu tổ chức 8
1.1.5 Tình hình hoạt động của doanh nghiệp 10
1.2 Thông tin về vị trí sinh viên tham gia thực tập: 10
1.2.1 Giới thiệu chung về 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 2 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 và hạn chế của vấn đề , tiến độ thực hiện công việc của từng 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 3 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 về các kỹ thuật công nghệ, liên quan đến nội dung 1,2,3…,n 21
CHƯƠNG 3 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 của quá 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
Trang 6MỤC LỤC HÌNH ẢNH
Hình 1 Sơ đồ tổ chức công ty 9
Hình 2 Giới thiệu sơ lược về công ty 13
Hình 3 Trang giao diện của công ty 13
Hình 4 Trang tin tức nổi bật của công ty 14
Hình 5 Một số dự án tiêu biểu 14
Hình 6 Trang đăng nhâp 15
Hình 7 Trang nhân sự 16
Hình 8 Trang đăng kí 16
Hình 9 Trang liên hệ 17
Hình 10 Giao diện màn hình hiển thị trên iphone 12 18
Hình 11 Giao diện màn hình hiện thị trên Ipad Air 19
Hình 12 Giao diện màn hình hiện thoại trên Iphone 7 20
Hình 13 Trang giới thiệu công ty Toàn Thịnh Phát 21
6
Trang 7CHƯƠNG 1. GIỚI THIỆU CHUNG ĐƠN VỊ THỰC TẬP
1.1.1 Sơ lược về sự hình thành và phát triển của đơn vị
Công ty cổ phần QLDA & XD TOÀN THỊNH PHÁT
Là một công ty cổ phần, có trụ sở chính tại 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ó năng lực chuyên môn trên các lãnh vực TVXD &TMDV, đủ điều kiện để thực hiện cá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ộ và trạm biến áp
Với sự góp sức của các chuyên gia dày dặn kinh nghiệm về lĩnh vực TVXD cũng như TMDV kết hợp với đội ngũ Kiến trúc sư; Kỹ sư; Cử như kinh tế và Cán bộ quản lý có trình độ cao chuyên nghành đạt chuẩn Luôn năng động sángtạo, chịu khó và 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 và các lĩnh vực hoạt động của đơn vị
Mô hình hoạt động chính của Toàn Thịnh Phát
Hoạt động thiết kế chuyên dụng
Chuẩn bị mặt bằng
Hoàn thiện công trình xây dựng
Hoạt động tư vấn quản lý
Kiểm tra và phân tích kỹ thuật
Hoạt động kiến trúc và tư vấn kỹ thuật có liên quan
Phá dở
Xây dựng nhà để ở và không để ở
Trang 8Xây dựng các công trình kỹ thuật dân dụng
1.1.3 Tổ chức quản lý sử dụng các nguồn lực của đơn vị
- Hội đồng quản trị: Là những người quản lý cao nhất của công ty, có toàn quyềnnhân danh công ty để quyết định mọi vấn đề liên quan đến mục đích, quyền lợicủa công ty Giám sát giám đốc và những cán bộ quản lý khác của công ty
- Giám đốc: Là người có trách nhiệm cao nhất của công ty trước mặt pháp luật vềmọi hoạt động sản xuất kinh doanh, có cơ cấu tổ chức, cơ cấu tài chính củacông ty
- Phòng hành chính nhân sự: Quản lý về mặt nhân sự Có trách nhiệm đào tạo,tuyển dụng nhân sự cho công ty theo yêu cầu công việc của cá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 và chu chuyểnvốn, đáp ứng các yêu cầu kinh doanh của đơn vị: Lập báo cáo tài chính, báo cáothuế, báo cáo thu chi định kì Nhằm giúp giám đốc điều hành vốn hiệu quả theoquy định của Pháp luật
- Phòng thiết kế & quản lí dự án: Tư vấn giám sát các công trình xây dưng dândụng và công nghiệp Thẩm tra hồ sơ thiết kế công trình xây dựng dân dụng vàcông nghiệp
- Phòng kế hoạch kinh doanh: Lập kế hoạch các loại nguyên vật liệu, máy mócthiết bị, dụng cụ Thực hiện các công việc xuất nhập hàng hoá nguyên vật liệuphục vụ cho việc thi công công trình Quản lí và lưu trữ các tài liệu liên quanđến hoạt động kinh doanh của công ty
1.1.4 Cơ cấu tổ chức
8
Trang 9Hình 1 Sơ đồ tổ chức công ty
Trang 101.1.5 Tình hình hoạt động của doanh nghiệp
Doanh nghiệp hoạt động từ 2012 đến nay, với phương châm “Khách hàng là tài sản quý giá của doanh nghiệp, là lý do duy nhất để doanh nghiệp tồn tại và phát triển” Toàn Thịnh Phát luôn luôn lắng nghe, luôn luôn thấu hiểu những
nhu cầu khách hàng Để từ đó, áp dụng tất cả những tư duy kỹ năng và kinhnghiệm nhằm giải quyết tối ưu những 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 Giới thiệu chung về 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ớithiệu cho công ty Toàn Thịnh Phát
Mô tả chung: Em sử dụng ngôn ngữ lập trình HTML và CSS để xây dựng và thiết kếgiao diện Đồng thời kết hợp học cách sử dụng các thư viện như là Slickjs để tạo slide,animate on scroll để chuyển động giao diện khi cuộn chuột,… Hiện thị tốt ở cả laptoptablet mobile
1.2.2 Đặc điểm, yêu cầu
Xây dựng các chức năng front-end của Website
Triển khai giao diện HTML/CSS Javascript theo yêu cầu của khách hàng
Đảm bảo tiêu chuẩn đồ họa chất lượng cao và sự thống nhất trong brand
Thu thập ý kiến phản hồi và xây dựng các hướng giải quyết cho người sử dụng và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 chính là xây dựng giao diện web bằng các ngôn ngữ lập trình, thìviệc website bắt mắt sẽ thu hút được nhiều khách hàng Em còn học được thêm cách
10
Trang 11phân tích yêu cầu từ khách hàng, vẽ use case nghiệp vụ để từ đó triển khai giao diệntheo như mong muốn của khách hàng Em được biết thêm quy trình làm việc của cácanh chị cũng như ban điều hành, học thêm được tính tỉ mỉ và chính xác của mọi ngườitrong công ty.
Trang 12CHƯƠNG 2. 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
đề , tiến độ thực hiện công việc của từng 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 về nghiệp vụ của doanh nghiệp
- Phân tích đánh giá: Bước đầu tiên em có thời gian 1 tuần để tìm hiểu về quytrình và cách thức hoạt động của công ty Có cái nhìn tổng quan về công tyhơn Học được cách thống kê công việc cần làm sau mỗi lần báo cáo
- Ưu và nhược điểm:
Ưu điểm: có thể gặp trực tiếp, quan sát trực tiếp môi trường làm việcNhược điểm: chưa được suôn sẻ, còn sửa đi sửa lại mới phân tích chính xácđúng yêu cầu của 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 tranggiới thiệu, trang dự án, trang nhân sự và trang liên hệ
Link: id=0%3A1
https://www.figma.com/file/F9iaYXJOa0d3wBFrYMgF7F/Untitled?node Ưu và nhược điểm
Tự học thêm được cách phân tích thiết kế và vẽ sơ đồ usecase, tự tay thiết kếgiao diện website cho một công ty một cách thực tế nhất
Nhược điểm: vì không được học môn PTTK hệ thống thông tin từ trước nên
em cũng gặp nhiều khó khăn, và thiếu xót trong công việc
2.1.3 Nội dung thực tham gia tập tuần 3
12
Trang 13Triển khai code cho trang web theo thiết kế ở tuần 2
- Phân tích đánh giá: ở tuần thứ ba này em tiến hành code theo giao diện đã cósẵn từ tuần trước, code giới thiệu và trang chủ và tin tức công ty
- Ưu và nhược điểm: Thiết kế thêm phần Tin tức để khách hàng dễ dàng nắm bắtthông tin, dự án gần nhất của công ty Sử dụng hiệu ứng slider để không bịnhàm chán
Hình 2 Giới thiệu sơ lược về công ty
Hình 3 Trang giao diện của công ty
Trang 14Hình 4 Trang tin tức nổi bật của 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 2
- Phân tích đánh giá: Tiếp tục code tiếp mục dự án nổi bật và đăng nhập
14
Trang 15- Ưu và nhược điểm: Dần quen với môi trường công ty Tuy nhiên do thời hạn thực tập gấp rút, ý tưởng và vị trí thực tập là do em tự đề xuất nên không có sự
hỗ trợ trong vấn đề chuyên nghành
Hình 5 Một số dự án tiêu biểu
Trang 16Hình 6 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 2
- Phân tích đánh giá: Tiếp tục hoàn thiện xử lí công việc tuần trước, hoàn thiệntrang nhân sự (dùng thư viện Animate on scroll) và đăng kí tài khoản
- Ưu và nhược điểm: Thông tin của công ty bảo mật, mục nhân sự em để hìnhảnh và tên minh hoạ Vì kiến thức và kĩ năng còn hạn chế, nên em chỉ có thểthiết kế giao diện chưa code sâu vào yêu cầu của phần login Nếu có thời gianchắc chắn em sẽ học và tự phát triển thêm
16
Trang 17Hình 7 Trang nhân sự
Hình 8 Trang đăng kí
Trang 182.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 2
- Phân tích và đánh giá: Tiến hành code thông tin liên hệ của công ty cho website
- Ưu và nhược điểm: Việc thực hiện khoá luận tốt nghiệp song song với thực tậptốt nghiệp xảy ra song song, nên còn gặp nhiều khó khăn và trễ tiến độ
Hình 9 Trang liên hệ
18
Trang 192.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 có thể sử dụng được ở đa thiết bị
- Phân tích và đánh giá: Sử dụng giao diện đa thiết bị, có thể là ip7, ip12 và cảipad air
- Ưu và nhược điểm: Hoàn thành sớm hơn mục tiêu đề ra (trước 1 tuần)
Hình 10 Giao diện màn hình hiển thị trên iphone 12
Trang 20Hình 11 Giao diện màn hình hiện thị trên Ipad Air
20
Trang 21Hình 12 Giao diện màn hình hiện thoại trên Iphone 7
Trang 222.1.8 Nội dung tham gia thực tập tuần 8:
Hoàn thiện và đưa sản phẩm lên môi trường internet
- Phân tích và đánh giá: Đẩy nhanh tiến độ theo đúng yêu cầu của nhà trường,đưa code đã hoàn thiện lên host Cụ thể là github
- Ưu và nhược điểm: Được người hướng dẫn và các anh chị công ty góp ý nhiều
về giao diện, cụ thể là màu sắc không nổi bật Chưa tối ưu chức năng
Hình 13 Trang giới thiệu công ty Toàn Thịnh Phát
Link website cụ thể:
https://anhthu2k.github.io/ToanThinhPhat/?
fbclid=IwAR3XMgGf3E9ivHUEsZD1nfHNTupDNc19Vo0cW05erCUs3O0m1GINnwJclA4
- Thiết kế giao diện chính cho website: figma
- Ngôn ngữ mà em sử dụng chính để xây dựng website: HTML - một ngôn ngữđánh dấu được thiết kế ra để tạo nên các trang web trên World Wide Web Nó
22
Trang 23có thể được trợ giúp bởi các công nghệ như CSS và các ngôn ngữ kịch bảngiống như JavaScript.
- Github: lưu trữ code và đẩy code đã hoàn thiện lên host
Trang 24CHƯƠNG 3. NHẬN XÉT, ĐÁNH GIÁ THỰC TRẠNG
Do không sắp xếp kế hoạch thực tập từ trước nên em bỏ lỡ nhiều cơ hôi, dẫn đến hoàn thành khoá 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 hoàn thành tốt công việc được giao nhưng không như mong muốn Đồng thời vị trí thực tập là do em tự đề xuất với công ty và được chấp thuận Tuy không nhận được sự hỗ trợ nhiệt tình về vấn đề chuyên nghành, nhưng bản thân em cảm nhậnmình được nhận thực tập tại công ty là việc rất được ưu ái Được trải nghiệm môi trường thực tập thực tế
Theo bản thân em, các chuyên nghành nên được học môn “phân tích thiết kế hệ thống thông tin” để hiểu đúng nghiệp vụ, giúp dễ dàng hơn trong việc phân tích yêu cầu của khách hàng Tránh mất thời gian cho việc sửa đi sửa lại usecase
Đồng thời, em mong muốn nhà trường xem xét về việc triển khai 2 điều kiện ra trường
là khoá luận tốt nghiệp và thực tập tốt nghiệp ở 2 khoảng thời gian khác nhau Để sinh viên không bị vướng bận về thời gian hoàn thành, mang lại kết quả cao Em xin chân thành cám ơn
KẾT LUẬN
Trong suốt gần 2 tháng thực tập tại công ty phát triển dự án đầu tư và xây dựng Toàn Thịnh Phát Được sự đồng ý của nhà trường và sự giúp đỡ của giám đốc công ty, cùng với sự giúp đỡ tận tình của các anh chị nhân viên tại công ty, qua thời gian thực tập này em đã đúc kết được các vấn đề như sau:
Đầu tiên, là học được tính tỉ mỉ và chính xác của mọi người Tiếp theo là làm quen với việc thống kê công việc cần làm hằng ngày và viết báo cáo mỗi tuần Trải nghiệm môi
24
Trang 25trường đi làm thực tế Ngoài ra thì đây còn là dự án thực tế đầu tiên nằm ngoài chuyên nghành mà em đang theo học.
Cùng với những kiến thức đã được học tại trường, em đã hoàn thành tốt đợt thực tập tốt nghiệp Qua đợt thực tập này em đã học được thêm nhiều kiến thức cũng như kinh nghiệm bổ ích, phần lớn là nhờ vào việc tự học Để sau này khi ra trường em sẽ vận dụng kiến thức đã học để đưa vào thực tế Em xin cảm ơn sự hướng dẫn nhiệt tình của các thầy cô trên giảng đường đại học Cám ơn sự giúp đỡ của người hướng dẫn thực tập cũng như các anh chị trong công ty Toàn Thịnh Phát đã giúp em hoàn thành tốt đợt thực tập này
TÀI LIỆU THAM KHẢO
14462.html
