Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.26 MB, 25 trang )
HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG
KHOA ĐA PHƯƠNG TIỆN
BÁO CÁO THỰC TẬP
TỐT NGHIỆP
Tên đề tài:
“Xây dựng website giới thiệu chương trình
PTIT-SAKURA”
Đơn vị thực tập: Trung tâm Đào tạo Quốc tế
Giáo viên hướng dẫn: Ths. Nguyễn Thị Thanh Tâm
Sinh viên thực hiện: Nguyễn Tá Anh
Mã sinh viên: B17DCPT011
TR
PHIẾU NHẬN XÉT ĐÁNH GIÁ THỰC TẬP TỐT NGHIỆP
Họ và tên sinh viên thực tâp : Nguyễn Tá Anh
Đơn vị thực tập
: Trung tâm Đào tạo Quốc tế
Thời gian thực tập
: Từ ngày 19/07/2021 đến ngày 31/08/2021
NHẬN XÉT CỦA CƠ SỞ THỰC TẬP
1.
Chấp hành nội quy và quy định của cơ quan:
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
2. Ý thức học tập:
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
3. Quan hệ, giao tiếp tại đơn vị:
……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
Xác nhận của cơ quan thực tập
(Ký, ghi rõ họ tên và đóng dấu)
Hà nội , ngày 20 tháng 08 năm 2021
Người đánh giá
(Ký và ghi rõ họ tên)
2
ĐÁNH GIÁ KẾT QUẢ THỰC TẬP TỐT NGHIỆP
(Thời gian thực tập: Từ ngày 19/07/2021 đến ngày 31/08/2021)
Họ và tên sinh viên: Nguyễn Tá Anh
Lớp: D17PTDPT1
Nội dung đánh giá
1.
Chấp hành kỷ luật: (Tốt, Trung bình, hoặc Yếu)
2. Ý thức học tập: (Tốt, Trung bình, hoặc Yếu)
3. Quan hệ, giao tiếp: (Tốt, Trung bình, hoặc Yếu)
4. Điểm (Thang điểm 10)
Các ý kiến khác (nếu có):
Ngày
tháng
năm 20….
Giáo viên hướng dẫn thực tập
(Ký và ghi rõ họ tên)
LỜI CẢM ƠN
3
Để có thể hồn thành kỳ thực tập vừa qua một cách tốt đẹp, trước hết em
xin cảm ơn nhà trường và các thầy cô đã tạo điều kiện cho chúng em có cơ hội
được làm việc tại Trung tâm Đào tạo Quốc tế - một nơi lý tưởng để học hỏi và
phát triển bản thân. Em cũng xin cảm ơn sự tận tình hướng dẫn của cơ Nguyễn
Thị Thanh Tâm trong q trình hồn thiện báo cáo. Đồng thời em cũng xin cảm
ơn anh Linh, anh Toàn, thầy Phạm Vũ Minh Tú và các bạn đã giúp đỡ, hỗ trợ và
chia sẻ những khó khăn mà em gặp phải trong q trình thực tập tại Trung tâm,
qua đó đã giúp em trau dồi được rất nhiều điều mới lạ. Chắc chắn đây sẽ là
khoảng thời gian không thể quên đối với em.
Một lần nữa, em xin chân thành cảm ơn!
MỤC LỤC
4
Chương 1: GIỚI THIỆU ĐƠN VỊ THỰC TẬP
I. Giới thiệu chung
Trung tâm Đào tạo Quốc tế (viết tắt là CIE) là đơn vị trực thuộc Học viện
Cơng nghệ Bưu chính Viễn thông (PTIT), trường đại học công lập hàng đầu
trong lĩnh vực CNTT&TT tại Việt Nam. Trung tâm mang đến những cơ hội tuyệt
vời cho tất cả sinh viên của trung tâm để học tập các chương trình đào tạo quốc tế
và gia tăng cơ hội làm việc tại nước ngoài, đồng thời mang đến cho bạn sinh viên
trong nước và quốc tế các chương trình trao đổi và dịch chuyển sinh viên. Như
một phần trong cam kết của trung tâm về việc mang lại sự tiếp cận tốt nhất tới
các chương trình đào tạo quốc tế cho sinh viên trong nước và sinh viên nước
ngoài tại PTIT, CIE cung cấp các chương trình ưu việt với sự kết nối chặt chẽ với
các đối tác quốc tế với phương pháp tiếp lấy người học làm trung tâm. Đồng thời
áp dụng các các chương trình tư vấn linh hoạt được thiết kế để gắn kết sinh viên
trong suốt quá trình nhằm đảm bảo sự thành công của các em trước, trong và sau
khi học tập tại CIE.
II.
b.
•
•
c.
•
Cấu trúc tổ chức
Ban giám đốc trung tâm
Giám đốc: PGS.TS. Hồng Hữu Hạnh
Phó giám đốc: ThS. Nguyễn Minh Phượng
Các phòng ban
Tổ Quản lý Đào tạo: ThS. Phạm Trần Cẩm Vân, Quản lý Chương trình
5
• Tổ Phát triển Dự án: ThS. Phạm Vũ Minh Tú, Quản lý Dự án
III. Tầm nhìn và sứ mệnh của CIE
a. Tầm nhìn
Phát triển Trung tâm Đào tạo Quốc tế của PTIT trở thành một trung tâm
về quốc tế hoá trong giáo dục đại học, giáo dục định hướng nghề nghiệp và dịch
vụ đào tạo quốc tế cho xã hội.
b. Sứ mệnh
• Cung cấp các chương trình đào tạo quốc tế chất lượng để đáp ứng xu hướng
phát triển và yêu cầu thực tiễn của các tổ chức, doanh nghiệp và xã hội.
• Cung cấp các chương trình đào tạo định hướng nghề nghiệp tiêu chuẩn quốc
tế, nâng cao kỹ năng cho việc phát triển nguồn nhân lực cho các thị trường
nội địa và quốc tế.
• Cung cấp các dịch vụ về quốc tế hóa giáo dục và đào tạo có chất lượng cho
sinh viên, đáp ứng yêu cầu phát triển nhanh của thế giới hiện đại ngày nay.
Những giá trị cốt lõi
Đề cao sự cởi mở để đón nhận tri thức bên ngồi.
Tích cực chuyển đổi để làm chủ những giá trị mới
Kiến thiết sự đổi mới sáng tạo vì một thế giới tốt đẹp hơn.
c.
•
•
•
IV. Các chương trình đào tạo,dự án và đối tác của CIE
a. Đào tạo
• Chương trình đại học chất lượng cao
• Chương trình Kỹ sư CNTT bằng Tiếng Anh
• Chương trình du học chuyển tiếp dánh cho sinh viên PTIT sang
học tập và nhận bằng tại đại học AIZU, Nhật Bản
• Chương trình liên kết đào tạo cử nhân quốc tế với đại học La Trobe, Australia
• Chương trình liên kết đào tạo thạc sĩ quốc tế với đại học AIZU, Nhât Bản
• Chương trình liên kết đào tạo cử nhân quốc tế với đại học Middlesex, Vương
•
•
b.
•
•
•
•
c.
•
•
Quốc Anh
Chương trình liên kết đào tạo thạc sĩ quốc tế với đại học công nghệ (UTS)
Các khóa học ngắn hạn
Dự án
Dự án ProEUHE – ERAMUS + JEAN MONNET
Dự án AVIS PLUS
Dự án EUROPE DAY 2021
Dự án quảng bá về châu Âu qua công nghệ truyền thông đa phương tiện
Các đối tác của CIE
Gameloft
Samsung
6
• Microsoft
• Đại học La Trobe
• Tập đồn Bưu chính Viễn thông Việt Nam VNPT
Chương 2: NỘI DUNG THỰC TẬP
I. Giới thiệu chung
Đề tài: Phát triển website giới thiệu dự án PTIT-SAKURA
a. Nội dung công việc:
Công việc 1: Khảo sát sơ bộ về môi trường và cách làm việc nơi thực tập.
Công việc 2: Nhận công việc được giao và trao đổi yêu cầu với người hướng dẫn.
Công việc 3: Tìm hiểu về quy trình thiết kế và phát triển một website landing
page chuẩn.
Cơng việc 4: Tìm hiểu về ứng dụng animation và cách hoạt động của SEO meta
tag trên website.
7
Công việc 5: Thực hiện thiết kế và ứng dụng các kiến thức đã tìm hiểu được vào
website.
Cơng việc 6: Hoàn thiện báo cáo thực tập.
STT
Nội dung thực tập
1
Khảo sát sơ bộ về môi
trường và cách làm việc
nơi thực tập
2
Nhận công việc được
giao và trao đổi yêu cầu
với người hướng dẫn
Thời gian
Từ ngày 19/7 đến
21/7
3
Từ ngày 26/7 đến
ngày 3/8
4
5
6
b.
•
•
•
Tìm hiểu về quy trình
thiết kế và phát triển một
website landing page
chuẩn
Tìm hiểu về ứng dụng
animation và cách hoạt
động của SEO meta tag
trên website
Thực hiện thiết kế và
ứng dụng các kiến thức
đã tìm hiểu được vào
website
Hồn thiện báo cáo thực
tập
Từ ngày 22/7 đến
ngày 25/7
Từ ngày 4/8 đến
ngày 10/8
Từ ngày 11/8 đến
25/8
Mục tiêu
Tìm hiểu về quy trình làm
việc, cách giao tiếp và văn
hóa làm việc của Trung tâm.
Nhận đề tài được giao, làm
rõ các yêu cầu cũng như
được hướng dẫn sơ bộ tìm
hiểu về quy trình làm
website
Tìm hiểu về phong cách
thiết kế giao diện, cơng cụ
thiết
kế
cũng
như
HTML&CSS.
Tìm hiểu về ứng dụng của
animation trên website và
cách tối ưu hóa khả năng tìm
kiếm với SEO meta tag
Bắt tay vào thực hiện thiết
kế và phát triển website
Từ ngày 12/8 đến
31/8
Kết quả cần đạt:
Tham gia trải nghiệm làm việc trong mơi trường thực tế.
Hồn thành tốt cơng việc được giao.
Tích cực trong việc trao đổi với các thành viên trong nhóm cũng như với
người hướng dẫn.
• Rút ra những kinh nghiệm sau thời gian thực tập.
II. Quá trình làm việc
a. Tiếp nhận công việc và nghiên cứu về chủ đề chính của website
i. Giới thiệu về chương trình cầu nối Việt Nhật PTIT-SAKURA
Với bối cảnh quan hệ hợp tác giữa Việt Nam và Nhật Bản ngày càng phát
triển thì nhu cầu về lực lượng chuyên gia kỹ sư Công nghệ Thông tin thành thạo
8
tiếng Nhật đang trở nên thực sự cần thiết đối với cả thị trường Nhật Bản lẫn thị
trường Việt Nam. Do đó, số lượng người đăng ký học tiếng Nhật tại Việt Nam và
du học sinh Việt tại Nhật Bản cũng ngày càng tăng cao.
Chính vì lẽ đó, chương trình liên kết đào tạo giữa Học viện Cơng nghệ
Bưu chính Viễn thông PTIT và Học viện ngôn ngữ Meros, Tokyo, Nhật Bản đã
được hình thành, với mong muốn vừa rút ngắn thời gian đào tạo cho sinh viên
PTIT để các bạn sinh viên vừa có thể thành thạo ngoại ngữ này trong thời gian
ngắn nhất,
vừa đáp ứng được chuẩn đầu ra cho các doanh nghiệp CNTT tại Nhật Bản cũng
như các doanh nghiệp CNTT có vốn đầu tư Nhật Bản tại Việt Nam yêu cầu.
ii. Giới thiệu về Học viện ngôn ngữ Meros, Tokyo Nhật Bản
Tiền thân là trường đào tạo Giáo viên dạy tiếng Nhật cho người nước
ngoài, sau mở rộng thành trường đào tạo trực tiếp cho sinh viên nước ngoài sang
Nhật du học. Trường thành lập từ năm 1984 khi chính phủ Nhật bắt đầu triển
khai chính sách mời gọi Du học sinh nước ngoài tới Nhật, với 37 năm kinh
nghiệm đào tạo cho hơn 10,000 sinh viên nước ngoài đến từ 23 quốc gia trên Thế
giới, Meros sẽ là lựa chọn đáng tin cậy nhất cho sinh viên khi học tiếng Nhật.
Chương trình giảng dạy đặc biệt dành riêng cho Du học sinh ngành CNTT
duy nhất tại Nhật Bản với 7 năm kinh nghiệm đào tạo chuyên sâu cho sinh viên
khối CNTT có mong muốn đi làm tại các doanh nghiệp CNTT tại Nhật Bản.
Đảm bảo đầu ra tại các Doanh nghiệp IT tại Nhật Bản, với mức lương cam kết tối
thiểu từ 2200$/tháng đến 3500$/tháng.
b. Tìm hiểu về website Landing Page
i. Landing page là gì?
Landing Page là một trang web đơn mà cá nhân hoặc doanh nghiệp tạo ra
nhằm mục đích tối ưu hóa tỉ lệ chuyển đổi.
Chuyển đổi ở đây có thể là: Mua hàng, lấy thông tin khách hàng, tải tài
liệu, cài ứng dụng, tham gia sự kiện, đăng ký đặt trước, … Hoặc bất cứ mục tiêu
tiếp thị nào khác.
ii. Phân loại Landing page
9
Có 3 loại landing page chính yếu: Landing page thu thập khách hàng tiềm
năng, landing page bán hàng, landing page trung gian chuyển đổi. Mỗi loại
landing page lại phục vụ cho những mục đích khác nhau và chúng cũng có những
thành phần giao diện khác nhau:
• Landing page thu thập khách hàng tiềm năng: Có chức năng chính là thu thập
thông tin cơ bản của khách hàng tiềm năng như họ tên, email, số điện thoại để
sử dụng cho các hoạt động marketing sau đó. Chính vì lẽ đó nên loại landing
page này thường có một biểu mẫu đăng ký và ln đi kèm với một lợi ích trao
đổi với khách hàng để thuyết phục họ điền thông tin vào như ebook, webinar,
hội thảo offline, …
• Landing page bán hàng: Có chức năng chính là thuyết phục khách hàng đưa
ra quyết định mua hàng ngay trên landing page. Đặc điểm của loại landing
page này là bao gồm những chi tiết như lợi ích khách hàng, đặc điểm nổi bật,
phản hồi khách hàng, … giúp khách hàng có đầy đủ thơng tin để đưa ra quyết
định mua hàng.
• Landing page chuyển đổi trung gian: Với mục tiêu là dẫn dắt khách hàng
chuyển hướng tới trang chuyển đổi chính. Có đặc điểm là chỉ sử dụng nút kêu
gọi hành động để chuyển hướng tới trang khác, không sử dụng biểu mẫu đăng
ký. Ngoài ra, trong thương mại điện tử, trang Landing Page trung gian sẽ
cung cấp đầy đủ thông tin về sản phẩm và dẫn dắt khách hàng về trang giỏ
hàng của website chính.
Chương trình PTIT-SAKURA có một trang đích là trang web đăng ký
dành cho sinh viên. Kết hợp các đặc điểm đã phân tích bên trên, ta có thể nhận
thấy “Landing page chuyển đổi trung gian” là loại website phù hợp nhất với
chương trình vì tính đơn giản, dễ tiếp cận và tương đối thuận lợi để triển khai.
iii. Quy trình phát triển landing page:
• Bước 1: Xác định mục tiêu chuyển đổi.
• Bước 2: Xây dựng nội dung trang web để thuyết phục khách hàng thực hiện
hành động.
• Bước 3: Thiết kế giao diện Landing page với nội dung đã thiết lập ở bước 2.
• Bước 4 : Phát triển website với HTML& CSS.
c. Tìm hiểu về HTML
10
i. Định nghĩa về HTML
HTML là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang
•
•
web, nghĩa là các mẩu thơng tin được trình bày trên World Wide Web.
ii. Ưu điểm của HTML
Nguồn tài nguyên hỗ trợ lớn.
Hoạt động mượt mà trên phần lớn các trình duyệt phổ biến hiện nay.
•
Cách sử dụng dễ dàng.
•
Các markup trong HTML ngắn gọn, tính đồng nhất cao.
•
Mã nguồn mở, miễn phí.
•
Là một chuẩn web do W3C vận hành.
•
Dễ dàng tích hợp với nhiều loại ngơn ngữ.
iii. Nhược điểm của HTML
• Mỗi trang HTML phải được tạo riêng biệt.
• Khó kiểm soát được việc đọc và hiển thị tập tin HTML của trình duyệt. Điển
hình như một vài trình duyệt lỗi thời khơng thực hiện được render tag.
• Một số ít trình duyệt chậm cập nhật các tính năng hỗ trợ mới của HTML để
có thể đọc, hiểu file một cách chính xác.
iv. Một số thành phần trong HTML
• Elements: Các element là các chỉ định xác định cấu trúc và nội dung của các
đối tượng trong một trang. Một số yếu tố được sử dụng thường xuyên hơn
bao gồm nhiều cấp độ tiêu đề (được xác định là
đến ) và đoạn văn
(được xác định là
(được xác định là
), …
11
• Tags: Việc sử dụng các dấu ngoặc nhỏ hơn và lớn hơn bao quanh một
element sẽ tạo ra cái được gọi là thẻ. Có 2 loại thẻ chính trong HTML là thẻ
mở và thẻ đóng. Ví dụ thể mở: <div>. Ví dụ thẻ đóng: </div>. Nội dung giữa
thẻ mở và thẻ đóng là nội dung chính của element đó.
• Attributes: Các attribute là các thuộc tính được sử dụng để cung cấp thông
tin bổ sung về một element. Các thuộc tính phổ biến nhất bao gồm thuộc tính
id, xác định một element; các thuộc tính class, phân loại một element; thuộc
tính src, trong đó xác định một nguồn cho nội dung nhúng; và thuộc tính href,
cung cấp một tham chiếu hyperlink đến một tài nguyên được liên kết.
d. Tìm hiểu về CSS
i. Định nghĩa CSS
CSS (Cascading Style Sheets): định nghĩa về cách hiển thị của một tài liệu
HTML. CSS đặc biệt hữu ích trong việc thiết kế Web. Nó giúp cho người thiết kế
dễ dàng áp đặt các phong cách đã được thiết kế lên bất kì page nào của website
một cách nhanh chóng, đồng bộ.
ii. Ưu điểm của CSS
• Một stylesheet thường sẽ được lưu trữ trong bộ nhớ cache của
trình duyệt, và do đó có thể được sử dụng trên nhiều trang mà
không được nạp lại, tăng tốc độ tải và giảm độ truyền dữ liệu
qua mạng.
• Dễ dàng định dạng lại hoặc cải tiến thêm.
• Có tính linh hoạt cao.
• Tính nhất qn cao, có thể ảnh hưởng và tác động lên nhiều
thành phần của một trang web một cách dễ dàng và đồng bộ.
iii. Nhược điểm của CSS
• Thiếu các biến, gây một số hạn chế nhất định trong việc thay đổi
màu sắc hoặc độ cao …
• Các trình duyệt khác nhau có thể hiển thị CSS theo nhiều cách
khác nhau.
iv. Một số thành phần trong CSS
12
• Selectors: có tác dụng chỉ định chính xác thành phần nào
trong HTML để có thể tác động chính xác lên nó. Các selector
thường nhắm vào một giá trị thuộc tính như id hay class hoặc
là một phần tử ví dụ như
hay
