Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (9)

BÁO CÁO THỰC
TẬP TỐT NGHIỆP


MỤC LỤC
01

Giới thiệu đơn vị thực tập

02

Nội dung thực tập

03

Kết luận


01

Giới thiệu đơn vị thực tập


1.1 Chức năng:
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


Các chương trình

• Chương trình liên kết đào tạo quốc tế bậc đại học và thạc sĩ và Tiến sĩ.
• Chương trình trao đổi và dịch chuyển sinh viên cho sinh viên trong nước và quốc tế.
• Chương trình du học kết nối cho sinh viên tốt nghiệp làm việc tại thị trường lao động tồn
cầu
• Các khóa học định hướng nghề nghiệp từ cơ bản đến nâng cao để giúp sinh viên có khả
năng làm việc ngay sau khi tốt nghiệp.


1.2 Tổ chức:
Bộ máy tổ chức được thể hiện qua sơ đồ sau.
Ban giám đốc của trung tâm bao gồm:
- Giám đốc: PGS. TS. Hồng Hữu Hạnh
- Phó giám đốc: ThS.Nguyễn Minh Phượng
Các tổ:
- Tổ quản lý đào tạo: ThS.Phạm Trần Cẩm Vân, quản lý chương trình
- Tổ phát triển dự án: ThS.Phạm Minh Tú, quản lý dự án


Thông điệp từ giám đốc trung tâm
Đổi mới giáo dục đại học trong
thời kỳ hội nhập quốc tế là một
tiến trình lâu dài để phát triển các
cơ sở giáo dục đại học sánh tầm
quốc tế trong các mục tiêu cung
cấp các chương trình học thuật
chất lượng cao và hướng đến hội
nhập quốc tế
PGS. TS. Hoàng Hữu Hạnh

1.3 Các lĩnh vực hoạt động:
1.3.1. Các hoạt động trong lĩnh vực giáo dục
- Các khóa học:
·

.

Chương trình đại học chất lượng cao

·

Chương trình kỹ sư cơng nghệ thơng tin bằng tiếng anh

·

Chương trình liên kết quốc tế

·

Khóa học ngắn hạn
- Các dự án:

·

. Dự án proEUHE - ERAMUS + JEAN MONNET

·

. AVIS Plus

1.3 Các lĩnh vực hoạt động:
1.3.2. Các hoạt động, sự kiện

Hình 1. 1.
Hội thảo tư vấn
tuyển sinh trực
tuyến chương trình
du học ngành
CNTT đại học La
Trobe và PTIT


Hình 1. 2. Trung tâm đào tạo quốc tế (PTIT) tổ chức Europe 2021


Hình 1. 3. Bế mạc giải bóng đá sinh viên CIE - CUP
2021
Hình 1. 4. Khởi động dự án quảng bá về châu âu
qua công nghệ truyền thông đa phương tiện
Hình 1. 5. Hội thảo về quy trình phát triển game với
chuyên gia đến từ Gameloft


02

Nội dung thực tập


2.1 Giới thiệu chung:

Đề tài: Xây dựng website giới thiệu về dự án La Trobe (Landing Page)
Nội dung công việc:
- Công việc 1: Khảo sát sơ bộ về môi trường làm việc nơi thực tập
- Cơng việc 2: Tìm hiểu các kiến thức cơ bản về thiết kế trong dự án
- Công việc 3: Nhận công việc, trao đổi yêu cầu với người hướng dẫn
- Công việc 4: Thiết kế và hoàn thiện sản phẩm


Kết quả cần đạt:
-

Hiểu và tham gia vào quy trình tạo nên
website hoàn chỉnh.
Hoàn thành tốt các trách nhiệm được giao.
Có sự trao đổi về các nội dung cơng việc
với nhóm thực hiện.
Thích nghi với mơi trường làm việc chun
nghiệp.
Rút ra những bài học kinh nghiệp sau thời
gian thực tập tại đơn vị.


2.2 Nội dung thực tập
- Giới thiệu chung trang website giới thiệu dự án La Trobe
- Công cụ figma


2.2.1. Giới thiệu về Figma
-

Figma là công cụ được ra mắt vào năm 2016
Figma có thể hoạt động tương thích trên tất cả các hệ điều hành có trình duyệt web
Là một công cụ browser-based, vậy nên mọi người trong team có thể dễ dàng làm việc với
nhau tương tự như làm việc trên Google Docs


2.2.1. Giới thiệu về Figma
-

Người dùng có thể chia sẻ file Figma bằng việc gửi link, người nhận link sẽ có khả năng truy
cập vào file đó
Tất cả mọi thứ đều được lưu trữ online một cách tự động trong khi người dùng đang làm
việc trên Figma.
Hiện nay, Figma có một kho plugin có sẵn phong phú và miễn phí.
Tích hợp sẵn khả năng Prototype nhanh chóng và dễ dàng.


2.2.1. Giới thiệu về HTML
ƯU ĐIỂM:
·

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ữ.


2.2.1. Giới thiệu về HTML

NHƯỢC ĐIỂM:
.

Mỗi trang HTML phải được tạo riêng biệt.

· Khó kiểm số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.

2.2.1. Giới thiệu về HTML
MỘT SỐ THÀNH PHẦN:
-

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

-

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.

-

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


2.2.3. Giới thiệu về UI, UX
-

UI” là cụm từ đại diện cho thiết kế website “Giao diện người dùng” và “UX” có
thể hiểu là “Trải nghiệm người dùng”. Hai khái niệm này luôn đi đôi và song
hành cùng nhau, trở thành tiêu chuẩn quan trọng để đánh giá các website bất kì.


Công nghệ thiết kế UI (Giao diện người dùng):
UI trong lĩnh vực thiết kế được gọi là sự truyền tải thông điệp từ nhà thiết kế – nhà

cung cấp dịch vụ (sản phẩm) tới người sử dụng.


Công nghệ thiết kế UX (Trải nghiệm người dùng):
UX là cách mà người dùng cảm nhận về một sản phẩm cụ thể, người làm về UX goi là
UX Designer


Quy trình thiết kế UI/UX cơ bản trong trang web La Trobe
1.

Nghiên cứu nội dung và
định hướng phát triển, tầm nhìn
của chủ sở hữu website.
2.
Tìm hiểu câu chuyện về
trường đại học La Trobe và trung
tâm đào tạo quốc tế (CIE) và
hình ảnh đại diện của 2 trường.
3.
Lên mẫu phác thảo cơ bản,
tiến hành thiết kế giao diện UI
dựa trên các thông tin đã thu
thập được


Quy trình thiết kế UI/UX cơ bản trong trang web La Trobe
4.
Tiến hành thiết kế giao diện
người dùng UI bằng phần mềm thiết kế

chuyên dụng như figma
5.
Trao đổi với các thành viên trong
nhóm, cho phép họ khảo nghiệm và
chọn lọc, đồng thời đưa ra các
feedback cụ thể để thay đổi và chỉnh
sửa giao diện khi cần thiết.
6.
Tiến hành xây dựng phiên bản
UX của website thơng qua các phần
mềm lập trình cụ thể
7.

Hoàn thiện sản phẩm.