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

1


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” 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. Ngồ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ài
khố luận thêm sinh động và hồn thiện hơn. Các số liệu, kết quả trình bày trong báo
cá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 khố 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


LỜ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ệp
Thự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 em
nhữ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 anh
chị 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 q trình hồn thiện báo cáo thực tập đề tài
nà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.

3


NHẬN XÉT CỦA ĐƠN VỊ THỰC TẬP
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................

.........................................................................................................................................
.........................................................................................................................................

.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................

4


MỤ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

5

MỤ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 Tồn Thịnh Phát..................................................................21

6


CHƯƠNG 1.
1.1.

GIỚI THIỆU CHUNG ĐƠN VỊ THỰC TẬP

Thông tin về đơ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 TỒ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 chun 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 chun nghành đạt chuẩn. Ln năng động sáng
tạo, chịu khó và ham học hỏi.
Tel: 02523.871779 – DĐ: 0918.148.939
Email:
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 Tồn Thịnh Phát
Hoạt động thiết kế chun dụng
Chuẩn bị mặt bằng
Hồ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 để ở
7


Xâ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ó tồn quyền
nhân danh cơng ty để quyết định mọi vấn đề liên quan đến mục đích, quyền lợi
củ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ủa
cơ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 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ển

vố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á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 quả theo
quy đị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ân
dụ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óc
thiết bị, dụng cụ. Thực hiện cá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í 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


Hình 1. Sơ đồ tổ chức cơng ty

9


1.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à kinh
nghiệ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.2.1.

Thơng tin về vị trí sinh viên tham gia thực tập:
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ớ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 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ả laptop
tablet 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


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 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ác
anh 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ười
trong công ty.

11


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

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 đề:

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ề quy
trì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 ty
hơ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ệc
Nhược điểm: chưa được sn 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 trang
giới thiệu, trang dự án, trang nhân sự và trang liên hệ.

Link: />-

Ư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


Triể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ó

-

Ư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ắt

sẵn từ tuần trước, code giới thiệu và trang chủ và tin tức công ty.
thô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

13


Hì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


-

Ư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

15

Hì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 hồn thiện xử lí cơng việc tuần trước, hồn thiệ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

trang nhân sự (dùng thư viện Animate on scroll) và đăng kí tài khoản
ả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 gian
chắc chắn em sẽ học và tự phát triển thêm.

16


Hình 7. Trang nhân sự

Hình 8. 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 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ập
tố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


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 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ả

-

Ưu và nhược điểm: Hoàn thành sớm hơn mục tiêu đề ra (trước 1 tuần)

ipad air

Hình 10. Giao diện màn hình hiển thị trên iphone 12

19


Hình 11. Giao diện màn hình hiện thị trên Ipad Air

20


Hình 12. Giao diện màn hình hiện thoại trên Iphone 7

21


2.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 Tồn Thịnh Phát
Link website cụ thể:
/>fbclid=IwAR3XMgGf3E9ivHUEsZD1nfHNTupDNc19Vo0cW05erCUs3O0m1GINn
wJclA4

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

-

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


có thể được trợ giúp bởi các cơng nghệ như CSS và các ngôn ngữ kịch bản
giống như JavaScript.
-

Github: lưu trữ code và đẩy code đã hoàn thiện lên host

23


CHƯƠNG 3.
3.1.

NHẬN XÉT, ĐÁNH GIÁ THỰC TRẠNG

Các nhận xét, đánh giá thực trạng của q trình làm việc.

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 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 đượ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ận
mì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ế.

3.2.

Các kiến nghị

Theo bản thân em, các chun 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


trường đi làm thực tế. Ngồ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 Tồn Thịnh Phát đã giúp em hồn thành tốt đợt
thực tập này.

TÀI LIỆU THAM KHẢO
/> />Giáo trình Phân tích thiết kế hệ thống thơng tin, lập trình web của 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 bộ của công ty Toàn Thịnh Phát

25