HCM KHOA: CÔNG NGHỆ THÔNG TIN CHUYEN NGANH: HE THONG THONG TIN BAO CAO THUC TAP TOT NGHIEP Giảng viên hướng dẫn: Đỗ Đức Bích Ngân Sinh viên thực hiện: V6 Thi Kim Anh Chuyén nganh: H
Trang 1TRƯỜNG ĐẠI HỌC NGOẠI NGỮ - TIN HỌC TP HCM
KHOA: CÔNG NGHỆ THÔNG TIN
CHUYEN NGANH: HE THONG THONG TIN
BAO CAO THUC TAP TOT NGHIEP
Giảng viên hướng dẫn: Đỗ Đức Bích Ngân
Sinh viên thực hiện: V6 Thi Kim Anh
Chuyén nganh: Hệ thống thông tin
Đơn vị thực tập: Công ty TNHH MTV Ứng dụng Công nghệ và
Dịch vụ Truyền thông Âu Lạc
TP Hồ Chí Minh, 12/2021
Trang 2Voi mong muốn là vận dụng kiến thức đã học, nâng cao kinh nghiệm thực tế, bổ sung các
kỹ năng trong công việc cũng như cuộc sông sau này
Trong xã hội ngày nay, khi công nghệ 4.0 đã và đang phát triển một cách mạnh mẽ và ngày một hiện đại hơn Công nghệ đang dần dần tiếp cận đến mọi người, mọi nhà, toàn xã hội và thế giới Chính vì thế mà những công việc liên quan đến công nghệ thông tin được
mở rộng và có tiềm năng rất lớn Đây cũng là một trong những ngành có khá nhiều các lĩnh vực nhỏ như UI/UX Design, Data Analyst, Developer, Tester,
Qua khoảng thời gian học tại trường em đã có cơ hội học tập trao dòi những kiến thức về
các lĩnh vực nói trên Để tìm kiếm cho mình một con đường phụ hợp đề phát triển bản
thân mình hơn ngoài việc được trào dồi những kiến thức từ trên trường em nghĩ mỉnh nên
cần trải nghiệm và va chạm vào công việc thực tế tại các công ty nhiều hơn mục đích là học hỏi nhiều hơn và biết cách phát triển bản thân mình hơn So với các bạn đều chọn cho mình hướng đi về Developer, Data Analyst, nhưng em lại muốn tìm hiểu về UI/UX Design hơn em nghĩ ngành nào cũng có điểm mạnh riêng của nó quan trọng mình thành công với cái mình đã chọn Một trang web thương mại, app ứng dụng, bên cạnh việc phải có đầy đủ những chức năng thì không thê thiếu một giao diện đẹp, ưu nhìn gây ứng tượng với khách hàng Chính vì lẽ đó vai trò của một người UX/UI Design là không thể thiêu
Trang 3LOI CAM ON
Lời đầu tiên, em xin cảm ơn tập thể Công ty TNHH MTV Ứng dụng Công nghệ và Dịch
vụ Truyền thông Âu Lac — Alta Media da tao điều kiện giúp đỡ cho em hoàn thành khóa thực tập của minh Em cũng xm chân thành cảm ơn anh Phạm Vũ Thiên Sinh, bạn Lý Gia Hạo và mọi người trong team Thiết kế đã hỗ trợ em ngay từ những ngày đầu đến khi em
hoàn thành khóa thực tập của mình
Ngoài ra, em cũng xin gửi lời cảm ơn đến thây (cô) Trường Đại học Ngoại ngữ và Tin học Thành phó Hồ Chí Minh đã tạo điều kiện cho em có cơ hội trải nghiệm môi trường làm việc ở doanh nghiệp nói chung
Em cũng gửi lời cảm ơn chân thành đến Cô - Giáo viên hướng dẫn Đỗ Đức Bích Ngân trong suốt thời gian vừa qua đã nhiệt tình chỉ dạy, giúp đỡ để em có thê hoàn thiện tốt bài
báo cáo thực tập này
Bên cạnh đó, con cũng xin cảm ơn ba mẹ đã cho con ăn học nên người, luôn tạo điêu kiện thuận lợi nhật cho con Mình cũng xIn cảm ơn đên những người bạn luôn bên cạnh g1úp
đỡ mình trong những lúc khó khăn
Xin chân thành cảm ơn tất cả mọi người
TP Hồ Chí Minh, ngày tháng năm 2021
Sinh viên thực hiện
Võ Thị Kim Anh
Trang 4ĐÁNH GIÁ CỦA HƯỚNG DÂN THỰC TẬP TRỰC TIẾP
(Người hướng dẫn tại nơi thực tập) Trong thời gian từ ngày 01 tháng 03 năm 2021 đến ngày 31 tháng 05 năm 2021
Về ý thức tổ chức kỷ luật:
Giáo viên hướng dan Xác nhận của đơn vị thực tập
(Ký và ghi rõ họ và tên) (Ký và ghi gõ họ và tên)
Trang 5GVHD: Đỗ Đức Bích Ngân
Trang 6ĐÁNH GIÁ CỦA GIÁNG VIÊN HƯỚNG DẪN
Trang 79°I019)19011619)09:1090000) can 1
I Giới thiệu công Íy - - 1221221121111 111211 1211101111011 511115 5111111 1k1 kg kg 1
1 Thông tin chung: c1 2121212111 11112111115 111111158115 1111111112111 111g kế 1
4 Technology InÍfastruefUTe - c2 2121212111 211151112115 1118115011581 1kg 12
IV Đối tác công ty ccnnnn n H TH HH1 g1 gu 15 CHƯƠNG 2: NỘI DỰNG THỰC TẬTP - 5-5222 212E22EE212122121221 2221121 re 17
L Các công việc chính:, 1 2c 1211221111125 1 1111511511181 1115111511101 11 H11 kg 17
IL Các công việc được phân chIa: - 2 2 1222221211211 1121 1111 111151111 1 kh ykt 17
TH Chỉ tiết một số frame đã làm - 552cc tt tre 20
1 Tìm hiểu về phần mềm Figma - + SE 1 EEE1112121121111211 112x111 rree 20
2 Dự án “Quản lý đổi quả Pepsi” - cá tt HH1 HH nung 21
3 Giao diện app “Quản lý đôi quà Pepsi” - - ch x1 HH rưey 22
4 App Lắc Lộc Vàng 5 c c1 12112111111 11 1111111212111 Ẹ1 21 111gr rưêu 29
5 Pepsi Tết Wirefame s1 HH n1 H211 21 111gr yn 29
6 ANLENE Wirefame - Q11 121 11211111111111 11111111111 111111 11 11 KH TH Tư nh 31
CHƯƠNG 3: KHÓ KHĂN VÀ THUẬN LỢI - 5522222222222 21x22 34
L Nhận xét của bản thân trong quá trình thực tập - 2c 2222222 se 34
IL Khó khăn và thuận ÌỢI - TQ Đ 22230111111 vn g1 se 34
DV KO Kanne 34
CHƯƠNG 4: BÀI HỌC KINH NGHIÊM - KẾT LUẬN 52c:225ccs2zvset 36
Trang 8I[ VỀ kiến thức S2 ST H22 222121212 ereere 36
IL Về kỹnăng: Ă L2 TH HH nh tr rae 36 IIL Về thái độ - ý thức — tác phong .- -Scc x 11121111211 11181221 reerre 36
TV Bài học kinh nghiệm - -L 2 1 2112211221112 1151151118111 1511 51110111511 k ng 37 TÀI LIỆU THAM KHẢO 25 22211222211222111221111221111.T 111011101111 ke 38 Website - Youtube hỗ trợ CÔng VIỆC Q10 02.11 1 2111111111 1111 1kg hưy 38
MỤC LỤC HÌNH ẢNH
Hình!: Sản phẩm web app - 55-55 1 1E 2 1211211 1121121 1n nh ng 2
Trang 9Hình 5: Sản phẩm 4DX Simulation 52 2S EE22E1EEE271221222127 1212 erree, 6 Hình 6: Sản phâm Virtual Reality 5-5 SE E1 111111 111 tt 1 ryg 7 Hình 7: Sản phẩm Augmented Reality 2252 S2 E21 212112111121 eerrreg 8 Hình 8: Sản phâm 3D Content & Art ViSualÌ - c1 1121 121251221251111 1011111112 1211 tk 9 Hình 9: Sản phâm 3D Projection Mapping 5s 2221211211211 112121 treo 10 Hình 10: Sản pham Rental & Creative LED Display .ccccccccccccsscssesssssessssssseeseeserseteees
Display _ ì na 12 Hình 12: Sản phẩm
RẾD 0 00 2n HH HH2 121212112 re 13 Hình 13: Sản phẩm
Interactive ProductlOnS_ s S cc SH HH he 14 Hình 14: Sản phẩm Data Center .s 5c 2 1212110112181 ru 15 Hình 15: Đối tác công ty (Ï) - 52222122 2221121121211 12112121110 eeereo 15 Hình 16: Đối tác công ty (2) .s c1 n1 TH n1 HH nhe ray
15
Hình I7: Đối tác công ty (3) -.2S 2s TH HH 10 21g
16 Hình 18: Giao điện phần mềm Figma +1 S1 SE EEEEEE1211211211111 1gp errri
20 Hình 19: Giao diện đăng nhập " Quản lý đối quả Pepsi” cc se net
21 Hình 20: Frame trong "Quản lý đôi quà Pepsi” (l) -sccc tr re yện
Hình 31: Wireframe Pepsi TẾ .- 5 S21 11222212121 Hee
31 Hinh 32: Wireframe Anlene - ccc C21111 11 11 H11 H 1 n1 1H11 ng ng ng kkt
32
Trang 10CHUONG 1: GIOI THIEU CONG TY
L Giới thiệu công ty
1 Thông tin chung:
* Tén day đủ: Công ty TNHH MTV Ứng dụng Công nghệ và Dịch vụ Truyền
thông Âu Lạc
° - Tên quốc té: Alta Media
« - Địa chỉ: 86/33 Âu Cơ, phường 9, quận Tân Bình, Tp Hồ Chí Minh
* Website: https://altamedia.vn/
2 Quy mô:
- Alta Media là đơn vị chuyên nghiệp cung cấp các giải pháp và các sản phâm, dịch
vụ về màn hình LED, cũng như các dịch vụ liên quan đến Truyền thông — Công nghệ Thông tin, đặc biệt tập trung ở các ngành viễn thông kỹ thuật số và công nghệ tương tác lập trình, điện tử
Il — Giới thiệu sơ lược
» _ Thời gian thực tập: từ ngày 23/08/2021 đến 22/11/2021 (thực tập 3 tháng)
« — Vị trí: thực tập sinh UƯUX Design — phòng thiết kẻ
* Thời gian làm việc: Hàng tuần từ Thứ 2 đến Thứ 7(nửa buổi) Sáng 9:30 — 12:30, Chiều 13:30 — 18:30
Ill Sản phẩm và dịch vụ
- Tạo đột phá với chuyền đổi kỹ thuật số Alta Media sử dụng công nghệ dé tạo ra trải nghiệm khách hàng tốt hơn, cải tiến sản phẩm và dịch vụ cũng như tăng hiệu quả của hoạt động kinh doanh
1 Digital App
a) Web App:
- Alta Media cung cap dich vu phat trién img dung web véi cac tinh nang sang tao
va giao dién dep mat
Trang 11- Cung cấp giải pháp Web app tùy chỉnh mạnh mẽ và đáng tin cậy Không chỉ giới hạn ở điện thoại thông minh hoặc máy tính bảng mà còn được thiết kế đề chạy trên bắt kỳ trình duyệt nào, trên máy tính cô định hay máy tính xách tay
Hình 1: Sản phẩm web app b) Mobile Applications
- Ching ta dang séng trong thời đại mà điện thoại thông minh luôn nằm trong tay,
dù ngày hay đêm, hay bất kỳ nơi nào Mobie Apps là phần mềm được xây dựng cho điện thoại di động và mày tính bảng Từ ứng dụng dành cho doanh nghiệp nhỏ đến ứng dụng thương mại điện tử, ứng dụng thê dục, ứng dụng giao tiếp nội bộ của nhân viên, ứng dụng tôn giáo, hay các ứng dụng mà bạn có thể tưởng tượng ra
- Ung dung:
¢ Giới thiệu, cập nhật nội dung cho doanh nghiệp
° Kênh truyền thông đa phương tiện: Marketing, Promotion, Giải trí, Nội bộ,
Báo cáo
GVHD: Đỗ Đức Bích Ngân Trang 2
Trang 12* _ Tạo lập cộng đồng quy mô nhỏ bên trong ứng dụng như: tin tức, nhạc, game, video, ứng dụng
Ngoài ra, ứng dụng trên điện thoại hoặc máy tính bảng còn làm được nhiều việc
khác như: tra cứu thông tin nha hang, mon ăn, đặt bàn ăn, tra cứu thông tim du lịch,
đặt tour, đặt vé máy bay, mua hàng, tìm kiếm thông tin bat động sản, hẹn lich bao
tri, sửa chữa xe với øaragøe trước
Hình 2: Sản phẩm mobile app co) Artificial Intelligence
AI tạo ra cuộc cách mạng dữ liệu Cac hệ thống thông tin với khả năng xử lý thông
tin không lỗ đang hàng ngày trở thành trợ thủ giúp ích cho các doanh nghiệp, các
tổ chức trong việc ra quyết định và định hướng kinh doanh, marketing, tuyên dụng, đào tạo, ra chính sách
AI được tích hợp và triển khai vào nhiều lĩnh vực khác nhau Bao gồm các lĩnh vực như tài chính, an ninh quốc gia, chăm sóc sức khỏe, tư pháp hình sự, giao thông vận tải và thành phố thông minh
Trang 13
Hinh 3: San pham Artificial Intelligence d) Human-Computer Interaction
- _ Tương tác người — máy là một lĩnh vực liên quan đến thiết kế, đánh giá và cài đặt
hệ thống tương tác, làm cho hệ thông dễ học, dễ dùng, hiệu quả và cung cấp tair nghiệm thoái mái, thủ vị cho người dùng
- - Hiện nay trên thé giới việc áp dụng môn khoa học này vào thực tiễn cuộc sống
ngày một nhiều như áp dụng vào công nghệ biểu diễn, tạo các hiệu ứng Visual cho sân khấu, hiệu ứng phim trường, ngôi nhà thông minh, marketing cho sản phẩm mới, tương tác người dùng trong việc tiếp thị sản phẩm và điều khiến thiết bị điện
tử qua
chuyển động cơ thé
GVHD: Đỗ Đức Bích Ngân Trang 4
Trang 14Hinh 4: San pham Human-Computer Interaction
2 Immersive app
a) ADX Simulation
4DX Simulation (ap trình hệ thống giải trí tương tác giả lập 4DX)
Khám phá thế giới mới, trải nghiệm hành động và phiêu lưu cũng như thử sức với các môn thê thao mạo hiểm Tương tác với mọi giác quan của người xem, đưa đến
cảm giác sông động và chân thực nhất, vượt xa mọi giới hạn của âm thanh và hình
ảnh
4DX mang đến các hiệu ứng sau: hiệu ứng ghế chuyền động đa chiều và các hiệu ứng giác quan tương tác xung quanh môi trường trong thê giới thực tế sao Gồm 3 liễu chuyên động: xoay, rung lắc và nâng
Tất cả các hiệu ứng này đều tương tác đồng bộ theo từng phân cảnh hình ảnh hoặc
kỹ xảo đang diễn ra trong nội dung trình chiếu trên môi trường không gian thực tế
ảo 360 độ thông qua kính thực tế ảo VR„ khiến cho việc trải nghiệm hình ảnh va hiệu ứng của người xem cảng trở nên thật sự ân tượng và lôi cuôn
Trang 15Hình 5: Sản phẩm 4DX Simulation b) Virtual Reality
- _ Một hệ thông VR bao gồm 5 thành phần chính: phần mềm (SW), phần cứng (HW), mạng liên kết, người dùng và các ứng dụng Trong đó, phần mềm luôn là linh hồn của VR dé mô hình hóa (modeling) và mô phỏng (simulation) các đối tượng vật thể 3D trong môi trường không gian ảo Chính vì thế, tính tương tác, kỹ xảo đồ
họa 3 chiều thời gian thực và cảm giác dam chim duoc xem là các đặc tính then
chốt của công nghệ VR
- - Với công nghệ VR, người dùng sẽ thấy mình như được hoà mình vào thê giới
không gian 3D với góc nhìn rộng lên tới 110 d6 va cam thụ được cảm giác choáng
ngợp thật đặc biệt, nhất là khi trải nghiệm các ứng dụng hoặc game nhập vai hay
FPS,
GVHD: Đỗ Đức Bích Ngân Trang 6
Trang 16thật hơn rất nhiều so với việc ngồi trước màn hình máy tính với góc nhìn chỉ 45
độ - Dùng trong giải trí nghệ thuật, khoa học kỹ thuật, nghiên cứu và phát triển trong các lĩnh vực điện ảnh, kiến trúc, giao duc, y té, quân sự, du lịch, bắt dong san,
Hinh 6: San pham Virtual Reality c) Augmented Reality (AR)
- AR bién d6i cách bạn làm việc, học tập, vui chơi, mua sắm và kết nối với thế giới xung quanh, bước đột phá trong trái nghiệm người dùng của công nghệ
- Công nghệ cho phép người dùng có thể nhìn nhận một môi trường thực một cách trực tiếp hay gián tiếp mà các thành phần của môi trường được tăng cường (hoặc bỗ sunø) các dữ liệu do máy tính tạo ra như âm thanh, hình anh, GPS,
- _ Quảng cáo, bán hàng quần áo thời trang tại các shop thời trang trực tuyến online
- Các chiến dịch quảng cáo giới thiệu, tư vấn, hướng dẫn sử dụng sản phâm trực tuyên online, offline
Trang 17Gà
Hình 7: Sản phẩm Augmented Reality Display Technology
a) 3D Content & Art Visual Creation
TVC - TV Commercial là các mẫu quảng cáo bằng video clip ngắn với sự kết hợp
của hình ảnh, chuyên động và âm thanh, được trình chiếu trên màn hình tại bất kỳ
nơi đâu: trên tiv1, trên internet, trên các màn hình ở siêu thị, sân bay, khu trung tâm Thanh phé mang lại hiệu quả quảng cáo nhanh chóng, rộng rãi đến người tiêu dùng
bạn
GVHD: Đỗ Đức Bích Ngân Trang 8
Trang 18Hinh 8: San pham 3D Content & Art Visual b) 3D Projection Mapping
- Khong phai chung ta xem một bộ phim hiệu ứng hình ảnh 3D mà những điều kỳ
điệu đang thực sự xảy ra trước mắt
- - Công nghệ 3l] proJect mapping là công nghệ giải trí theo một cách mới, sáng tạo, kết hợp với thiết bị chiếu công nghệ cao và ý tưởng đột phá về khả năng cảm nhận hình ảnh Công nghệ trình chiếu Mapping do đội ngũ chuyên nghiệp của công ty Alta Media thực hiện sẽ đem đến cho bạn những trải nghiệm ánh sáng, hiệu ứng
hình ảnh kết hợp cùng âm thanh để tạo nên một công nghệ 3D hoàn toàn mới, bạn
sẽ cảm nhận moi thử hoàn toàn mới la trong mat minh
Trang 19Hình 9: Sản phẩm 3D Projection Mapping c) Rental & Creative Led Display
- Cho da la cho thué, bán, thiết kế hay lắp đặt, đội ngũ giàu kinh nghiệm của chúng tôi sẽ làm việc với bạn qua mọi giai đoạn của dự án dé giúp bạn tạo nên những kiệt
tác Từ thiết kế, phân phối và lắp đặt hệ thống LED an toàn, đáng tin cậy cho đến thiết lập và lập trình của chuyên gia, mang đến sự an tâm trong mọi chỉ tiết - mọi kiêu lắp đặt, mọi kích thước, mọi nơi
- _ Chúng tôi chuyên tạo ra các hệ thông LED phục vụ trực tiếp cho các nhu cầu của thi trường giải trí, truyền thông, thiết kế nội thắt
GVHD: Đỗ Đức Bích Ngân Trang 10
Trang 20Hinh 10: San pham Rental & Creative LED Display
- Duoc thiét ké nhu hinh tự tháp cho phép người xem thấy được nhiều mặt (mặt trước
và hai mặt bên cạnh) thay vì nhìn được một mặt trước như Multlayers 3D
Holographic
- Dac biét, Alta Media còn phát triển công nghệ “tương tác không chạm kết hợp với 3D Hologram”, giúp cho người dùng có thê điều khiến vật thê 3D di chuyên qua lại, phóng to, thu nhỏ
- Ung dung:
* Cac budi triển lãm, quảng cáo cho các thiết bị sản phâm điện tử, công nghệ
* Tiép thị, PR, activation hoặc launching sản phẩm tiêu dùng
* Va nhiéu tng dụng trình chiêu hiệu ứng, kỹ xảo hình ảnh khác phục vụ cho showbiz,
Trang 21Hinh 11: San pham Holographic Display
4, Technology Infrastructure
a) Research & Development (R&D)
- Alta Media không chỉ cung cấp hệ thống mà còn sáng tạo ra các công nghệ, ứng dụng đề đáp ứng nhu cầu của khách hàng Đồng thời, chúng tôi hướng đến việc tạo
ra các cơ hội kinh doanh mới, ý tưởng phát triển sản phẩm mới, nhu cầu của tương lai
GVHD: Đỗ Đức Bích Ngân Trang 12
Trang 22Hinh 12: San pham R&D b) Interactive Productions
- Tao ra nhimg trai nghiém thuong hiéu an tuong, thu hut Tich hop nhanh
chóng, mở rộng quy mô một cách dễ dàng và cho phép trải nghiệm thực sự
mọi lúc
- _ Cách thức sáng tạo đề tương tác với người tiêu dùng hiện đại
* Interactive Kiosk
* Photobooth * Touch table - Ứng dụng:
- Hệ thống thông tin công cộng
Trang 23Hinh 13: San pham Interactive Productions c) Data Center
- Các giải pháp cấp nguồn cho trung tâm dữ liệu hàng đầu của chúng tôi sẽ duy trì hoạt động của bạn 24/7 * Tiết kiệm không gian
Tiết kiệm thời gian
Tiết kiệm năng lượng
Tiết kiệm chi phí
Khả năng bảo mật và mở rộng vô hạn
San sang hỗ trợ bạn ở bất kỳ đâu
GVHD: Đỗ Đức Bích Ngân Trang 14