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

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

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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ọ 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 Chấp hành nội quy quy định quan: …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… Ý thức học tập: …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… Quan hệ, giao tiếp đơn vị: …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… Xác nhận quan thực tập (Ký, ghi rõ họ tên đóng dấu) Hà nội , ngày 20 tháng 08 năm 2021 Người đánh giá (Ký ghi rõ họ tên) ĐÁ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ọ tên sinh viên: Nguyễn Tá Anh Lớp: D17PTDPT1 Nội dung đánh giá Chấp hành kỷ luật: (Tốt, Trung bình, Yếu) Ý thức học tập: (Tốt, Trung bình, Yếu) Quan hệ, giao tiếp: (Tốt, Trung bình, Yếu) Đ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ý ghi rõ họ tên) LỜI CẢM ƠN Để hồn thành tập vừa qua cách tốt đẹp, trước hết em xin cảm ơn nhà trường thầy cô tạo điều kiện cho chúng em có hội làm việc Trung tâm Đào tạo Quốc tế - nơi lý tưởng để học hỏi phát triển thân Em xin cảm ơn tận tình hướng dẫn Nguyễn Thị Thanh Tâm q trình hồn thiện báo cáo Đồng thời em xin cảm ơn anh Linh, anh Toàn, thầy Phạm Vũ Minh Tú bạn giúp đỡ, hỗ trợ chia sẻ khó khăn mà em gặp phải trình thực tập Trung tâm, qua giúp em trau dồi nhiều điều lạ Chắc chắn khoảng thời gian quên em Một lần nữa, em xin chân thành cảm ơn! MỤC LỤC 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 CIE) đơn vị trực thuộc Học viện Cơng nghệ Bưu Viễn thơng (PTIT), trường đại học công lập hàng đầu lĩnh vực CNTT&TT Việt Nam Trung tâm mang đến hội tuyệt vời cho tất sinh viên trung tâm để học tập chương trình đào tạo quốc tế gia tăng hội làm việc nước ngoài, đồng thời mang đến cho bạn sinh viên nước quốc tế chương trình trao đổi dịch chuyển sinh viên Như phần cam kết trung tâm việc mang lại tiếp cận tốt tới chương trình đào tạo quốc tế cho sinh viên nước sinh viên nước PTIT, CIE cung cấp chương trình ưu việt với kết nối chặt chẽ với đố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 chương trình tư vấn linh hoạt thiết kế để gắn kết sinh viên suốt q trình nhằm đảm bảo thành cơng em trước, sau học tập 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 • Tổ Phát triển Dự án: ThS Phạm Vũ Minh Tú, Quản lý Dự án III Tầm nhìn sứ mệnh CIE a Tầm nhìn Phát triển Trung tâm Đào tạo Quốc tế PTIT trở thành trung tâm quốc tế hoá giáo dục đại học, giáo dục định hướng nghề nghiệp dịch vụ đào tạo quốc tế cho xã hội b Sứ mệnh • Cung cấp chương trình đào tạo quốc tế chất lượng để đáp ứng xu hướng phát triển yêu cầu thực tiễn tổ chức, doanh nghiệp xã hội • Cung cấp chương trình đào tạo định hướng nghề nghiệp tiêu chuẩn quốc tế, nâng cao kỹ cho việc phát triển nguồn nhân lực cho thị trường nội địa quốc tế • Cung cấp dịch vụ quốc tế hóa giáo dục đào tạo có chất lượng cho sinh viên, đáp ứng yêu cầu phát triển nhanh giới đại ngày Những giá trị cốt lõi Đề cao cởi mở để đón nhận tri thức bên ngồi Tích cực chuyển đổi để làm chủ giá trị Kiến thiết đổi sáng tạo giới tốt đẹp c • • • IV Các chương trình đào tạo,dự án đối tác CIE a Đào tạo • Chương trình đại học chất lượng cao • Chương trình Kỹ sư CNTT 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 nhận đạ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á châu Âu qua công nghệ truyền thông đa phương tiện Các đối tác CIE Gameloft Samsung • Microsoft • Đại học La Trobe • Tập đồn Bưu 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ơ môi trường cách làm việc nơi thực tập Công việc 2: Nhận công việc giao trao đổi yêu cầu với người hướng dẫn Cơng việc 3: Tìm hiểu quy trình thiết kế phát triển website landing page chuẩn Cơng việc 4: Tìm hiểu ứng dụng animation cách hoạt động SEO meta tag website Công việc 5: Thực thiết kế ứng dụng kiến thức tìm hiểu vào website Cơng việc 6: Hồn thiện báo cáo thực tập STT Nội dung thực tập Khảo sát sơ môi trường cách làm việc nơi thực tập Nhận công việc giao 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 Từ ngày 26/7 đến ngày 3/8 b • • • Tìm hiểu quy trình thiết kế phát triển website landing page chuẩn Tìm hiểu ứng dụng animation cách hoạt động SEO meta tag website Thực thiết kế ứng dụng kiến thức tìm hiểu vào website Hoà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 quy trình làm việc, cách giao tiếp văn hóa làm việc Trung tâm Nhận đề tài giao, làm rõ yêu cầu hướng dẫn sơ tìm hiểu quy trình làm website Tìm hiểu phong cách thiết kế giao diện, cơng cụ thiết kế HTML&CSS Tìm hiểu ứng dụng animation website cách tối ưu hóa khả tìm kiếm với SEO meta tag Bắt tay vào thực thiết kế phát triển website Từ ngày 12/8 đến 31/8 Kết cần đạt: Tham gia trải nghiệm làm việc mơi trường thực tế Hồn thành tốt cơng việc giao Tích cực việc trao đổi với thành viên nhóm với người hướng dẫn • Rút 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 nghiên cứu chủ đề website i Giới thiệu 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 Việt Nam Nhật Bản ngày phát triển nhu cầu lực lượng chuyên gia kỹ sư Công nghệ Thông tin thành thạo tiếng Nhật trở nên thực cần thiết 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 Việt Nam du học sinh Việt Nhật Bản ngày tăng cao Chính lẽ đó, chương trình liên kết đào tạo Học viện Cơng nghệ Bưu Viễn thơng PTIT Học viện ngơn ngữ Meros, Tokyo, Nhật Bản 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 để bạn sinh viên vừa thành thạo ngoại ngữ thời gian ngắn nhất, vừa đáp ứng chuẩn đầu cho doanh nghiệp CNTT Nhật Bản doanh nghiệp CNTT có vốn đầu tư Nhật Bản Việt Nam yêu cầu ii Giới thiệu Học viện ngôn ngữ Meros, Tokyo Nhật Bản Tiền thân 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 sang Nhật du học Trường thành lập từ năm 1984 phủ Nhật bắt đầu triển khai sách mời gọi Du học sinh nước tới Nhật, với 37 năm kinh nghiệm đào tạo cho 10,000 sinh viên nước đến từ 23 quốc gia Thế giới, Meros lựa chọn đáng tin cậy cho sinh viên 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 Nhật Bản với năm kinh nghiệm đào tạo chuyên sâu cho sinh viên khối CNTT có mong muốn làm doanh nghiệp CNTT Nhật Bản Đảm bảo đầu Doanh nghiệp IT 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 website Landing Page i Landing page gì? Landing Page trang web đơn mà cá nhân doanh nghiệp tạo nhằm mục đích tối ưu hóa tỉ lệ chuyển đổi Chuyển đổi 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 kiện, đăng ký đặt trước, … Hoặc mục tiêu tiếp thị khác ii Phân loại Landing page Có loại landing page 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 mục đích khác chúng có 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 thu thập thơng tin khách hàng tiềm họ tên, email, số điện thoại để sử dụng cho hoạt động marketing sau Chính lẽ nên loại landing page thường có biểu mẫu đăng ký ln kèm với lợi ích trao đổi với khách hàng để thuyết phục họ điền thông tin vào ebook, webinar, hội thảo offline, … • Landing page bán hàng: Có chức thuyết phục khách hàng đưa định mua hàng landing page Đặc điểm loại landing page bao gồm chi tiết lợi ích khách hàng, đặc điểm bật, phản hồi khách hàng, … giúp khách hàng có đầy đủ thơng tin để đưa định mua hàng • Landing page chuyển đổi trung gian: Với mục tiêu dẫn dắt khách hàng chuyển hướng tới trang chuyển đổi Có đặc điểm 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ý Ngồi ra, thương mại điện tử, trang Landing Page trung gian cung cấp đầy đủ thông tin sản phẩm dẫn dắt khách hàng trang giỏ hàng website Chương trình PTIT-SAKURA có trang đích trang web đăng ký dành cho sinh viên Kết hợp đặc điểm phân tích bên trên, ta nhận thấy “Landing page chuyển đổi trung gian” loại website phù hợp với chương trình tính đơn giản, dễ tiếp cận 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 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 • Bước : Phát triển website với HTML& CSS c Tìm hiểu HTML 10 i Định nghĩa HTML HTML ngôn ngữ đánh dấu thiết kế để tạo nên trang • • web, nghĩa mẩu thơng tin trình bày World Wide Web ii Ưu điểm HTML Nguồn tài nguyên hỗ trợ lớn Hoạt động mượt mà phần lớn trình duyệt phổ biến • Cách sử dụng dễ dàng • Các markup HTML ngắn gọn, tính đồng cao • Mã nguồn mở, miễn phí • Là chuẩn web 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 HTML • Mỗi trang HTML phải tạo riêng biệt • Khó kiểm sốt việc đọc hiển thị tập tin HTML trình duyệt Điển vài trình duyệt lỗi thời khơng thực render tag • Một số trình duyệt chậm cập nhật tính hỗ trợ HTML để đọc, hiểu file cách xác iv Một số thành phần HTML • Elements: Các element định xác định cấu trúc nội dung đối tượng trang Một số yếu tố sử dụng thường xuyên bao gồm nhiều cấp độ tiêu đề (được xác định đến ) đoạn văn (được xác định

), … 11 • Tags: Việc sử dụng dấu ngoặc nhỏ lớn bao quanh element tạo gọi thẻ Có loại thẻ HTML thẻ mở thẻ đóng Ví dụ thể mở: Ví dụ thẻ đóng: Nội dung thẻ mở thẻ đóng nội dung element • Attributes: Các attribute thuộc tính sử dụng để cung cấp thơng tin bổ sung element Các thuộc tính phổ biến bao gồm thuộc tính id, xác định element; thuộc tính class, phân loại element; thuộc tính src, xác định nguồn cho nội dung nhúng; thuộc tính href, cung cấp tham chiếu hyperlink đến tài nguyên liên kết d Tìm hiểu CSS i Định nghĩa CSS CSS (Cascading Style Sheets): định nghĩa cách hiển thị tài liệu HTML CSS đặc biệt hữu ích việc thiết kế Web Nó giúp cho người thiết kế dễ dàng áp đặt phong cách thiết kế lên page website cách nhanh chóng, đồng ii Ưu điểm CSS • Một stylesheet thường lưu trữ nhớ cache trình duyệt, sử dụng nhiều trang mà không nạp lại, tăng tốc độ tải giảm độ truyền liệu qua mạng • Dễ dàng định dạng lại cải tiến thêm • Có tính linh hoạt cao • Tính qn cao, ảnh hưởng tác động lên nhiều thành phần trang web cách dễ dàng đồng iii Nhược điểm CSS • Thiếu biến, gây số hạn chế định việc thay đổi màu sắc độ cao … • Các trình duyệt khác hiển thị CSS theo nhiều cách khác iv Một số thành phần CSS 12 • Selectors: có tác dụng định xác thành phần HTML để tác động xác lên Các selector thường nhắm vào giá trị thuộc tính id hay class phần tử ví dụ

hay • Properties: Khi phần tử chọn, thuộc tính xác định kiểu áp dụng cho phần tử Tên thuộc tính nằm sau selector, dấu ngoặc nhọn {} trước dấu hai chấm Có nhiều thuộc tính sử dụng, chẳng hạn background, color, font-size, height, width, … • Values: Dùng để xác định đo lường giá trị properties e Công cụ sử dụng công việc i Công cụ thiết kế website: Figma 13 Figma công cụ mắt vào năm 2016, với giao diện thân thiện tính dễ sử dụng, Figma nhanh chóng lên trở thành công cụ thiết kế giao diện người dùng phổ biến cộng đồng cơng nghệ tồn cầu Một số thương hiệu lớn sử dụng Figma thời điểm kể đến Microsoft, Twitter, GitHub, Dropbox … Khác với công cụ thiết kế trước đây, Figma thiết kế tảng đám mây Đây cơng cụ có tính tương tự Sketch, nhiên hỗ trợ làm việc nhóm tốt Một số tính bật Figma: • Figma hoạt động tương thích tất hệ điều hành có trình duyệt web, từ Windows, Linux, Macs Chromebooks dùng cơng cụ Tính tới thời điểm này, cơng cụ thiết kế làm điều Tất người dùng chia sẻ, mở hay chỉnh sửa file Figma dễ dàng dù dùng hệ điều hành • Là cơng cụ browser-based, nên người team dễ dàng làm việc với tương tự làm việc Google Docs Mỗi thành viên nhóm xem chỉnh sửa file, Figma hiển thị đại diện avatar tròn công cụ với tên riêng Đây chức tiện bạn muốn biết làm việc file • Người dùng chia sẻ file Figma việc gửi link, người nhận link có khả truy cập vào file Nếu bạn lựa chọn Link to selected frame người nhận nhìn thấy frame bạn chọn lúc chia sẻ Đây tính nhiều designer sử dụng • Tất thứ lưu trữ online cách tự động người dùng làm việc Figma 14 • Hiện nay, Figma có kho plugin có sẵn phong phú miễn phí • Tích hợp sẵn khả Prototype nhanh chóng dễ dàng ii Công cụ phát triển HTML&CSS cho trang web: Visual Studio Code Là trình biên tập lập trình code miễn phí dành cho Windows, Linux macOS, Visual Studio Code phát triển Microsoft Nó xem kết hợp hoàn hảo IDE Code Editor Một số tính bật Visual Studio Code: • Visual Studio Code hỗ trợ nhiều ngơn ngữ lập trình C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, …Vì vậy, dễ dàng phát đưa thơng báo chương chương trình có lỗi • Các trình viết code thơng thường sử dụng cho Windows Linux Mac Systems Nhưng Visual Studio Code hoạt động tốt ba tảng • Trong trường hợp lập trình viên muốn sử dụng ngơn ngữ lập trình khơng nằm số ngôn ngữ Visual Studio hỗ trợ, họ tải xuống tiện ích mở rộng Điều không làm giảm hiệu phần mềm, phần mở rộng hoạt động chương trình độc lập • Đi kèm với phát triển lập trình nhu cầu lưu trữ an tồn Với Visual Studio Code, người dùng hồn tồn n tâm dễ dàng kết nối với Git kho lưu trữ có 15 • Visual Studio Code hỗ trợ nhiều ứng dụng web Ngồi ra, có trình soạn thảo thiết kế website • Một số đoạn code thay đổi chút để thuận tiện cho người dùng Visual Studio Code đề xuất cho lập trình viên tùy chọn thay có • Visual Studio Code có tích hợp thiết bị đầu cuối, giúp người dùng khỏi phải chuyển đổi hai hình trở thư mục gốc thực thao tác • Người dùng Visual Studio Code mở lúc nhiều tệp tin thư mục – chúng không liên quan với f Nghiên cứu hiệu ứng tạo animation i Giới thiệu WOW.js phát triển Matthieu Aussaguel, kỹ sư lập trình web sống làm việc Thái Lan WOW.js kết hợp jQuery thư viện Animation.css viết sẵn kịch Khi bạn scroll website jQuery bắt kiện kích hoạt chuyển động, đối tượng chuyển động diễn hoạt với hỗ trợ CSS Animation CSS Transition ii Cách sử dụng • Bước 1: Liên kết tới thư viện animation Animate.css với đoạn code: • Bước 2: Kích hoạt Wow.js: • Bước 3: Tải file tổng hợp animation chèn vào folder website • Bước 4: Chọn loại animation kích hoạt g Nghiên cứu Meta Tags phục vụ tối ưu SEO i Định nghĩa Meta tag thẻ sử dụng tài liệu HTML XHTML để cung cấp siêu liệu (metadata) có cấu trúc trang web Chúng 16 phần thẻ trang web đọc cơng cụ tìm kiếm trình thu thập thông tin web Nhiều phần tử Meta với thuộc tính khác sử dụng trang giúp cho cơng cụ tìm hiểu hiểu trang web nói có phép thu thập lập mục hay không ii Các loại meta tags • Thẻ title Đây nhan đề trang web, cho biết chủ đề trang web Nội dung thẻ hiển thị bar cửa sổ trình duyệt • Thẻ meta description Thẻ nêu tóm tắt nội dung trang web, thể chi tiết thẻ nhan đề Tuy nhiên không nên dài ngắn • Thẻ meta content-type 17 Dùng để khai báo hệ thống ký tự trang web sử dụng HTML Nó giúp trình duyệt biết nội dung trang web mã hóa ký tự sao, để thị thơng tin cách tốt Cú pháp: Trên HTML5, hệ thống hỗ trợ đơn giản với cú pháp sau: • Thẻ meta viewport Thẻ giúp tối ưu website cho phù hợp với nhiều thiết bị, hướng dẫn trình duyệt cách điều khiển kích thước tỉ lệ thu phóng Cú pháp: • Social meta Thẻ có hiệu việc kết nối website với trang mạng xã hội Facebook, Twitter, … Khi chia sẻ URL trang web lên mạng xã hội, nội dung thẻ Social meta giúp trang mạng biết cách hiển thị thơng tin cho hiệu • Meta robot Mục đích thẻ báo cho Google có thực hay khơng việc lập mục hay theo dõi trang Cú pháp: • Meta language Giúp khai báo ngơn ngữ mà trang web sử dụng, để cơng cụ tìm kiếm có định hướng người dùng tốt Thẻ hữu ích website dùng nhiều ngôn ngữ Cú pháp với website tiếng Việt: • Meta geo Đoạn mã có mục đích khai báo vị trí địa lý doanh nghiệp sở hữu trang web Mục đích để cơng cụ tìm kiếm định hướng tốt người dùng nằm khu vực địa lý Cú pháp với vị trí Học viện Cơng nghệ Bưu Viễn thơng: 18 • Một số meta tag áp dụng website: Như vậy, cơng cụ tìm kiếm Google có thông tin website giới thiệu chương trình PTIT-SAKURA, từ hiển thị tốt xác danh sách kết tìm kiếm h Một số kết i Thiết kế 19 Hình ảnh bên file thiết kế • Về màu sắc: Em tiến hành nghiên cứu màu chủ đạo website Trung tâm Qua em nhận thấy màu vàng màu xanh logo lý tưởng để tiếp tục làm màu chủ đạo, đồng thời đảm bảo tính quán cho hệ thống website Trung tâm • Về giao diện: Em áp dụng phong cách thiết kế tối giản, nhằm đem đến trải nghiệm cô đọng tập trung vào content Giúp người dùng hiểu thông điệp website thời gian ngắn tốn cơng sức 20 Section hình sở website giới thiệu chương trình PTIT-SAKURA Section thơng tin đăng ký có nhúng đồ từ Google Map Section thời gian đào tạo sử dụng typography làm bật thông tin 21 22 Chương 3: KẾT LUẬN I Những kết đạt Mặc dù thời gian thực tập làm việc Trung tâm không nhiều đủ để em rút kiến thức kinh nghiệm bổ ích cho em đường nghiệp sau Có điều nhờ giúp đỡ, quan tâm tận tình Nguyễn Thị Thanh Tâm thầy Phạm Vũ Minh Tú suốt trình thực tập Cùng với bạn bè, đồng đội đồng hành giúp đỡ em Và qua trình thực tập, em đạt việc sau: • Trải nghiệm, nghiên cứu hiểu quy trình xây dựng website landing page từ khâu thiết khâu phát triển • Được tiếp xúc với nhiều công cụ kiến thức Wow.js hay cách tối ưu SEO với meta tags • Học cách làm việc đảm bảo tiến độ phân bổ công việc cách hợp lý II Bài học kinh nghiệm Quãng thời gian thực tập CIE cho em nhiều suy nghĩ nhận nhiều điều Để làm tốt công việc mơi trường địi hỏi nhiều yếu tố, khơng kiến thức hay kỹ chun mơn mà cịn thái độ, tinh thần cầu thị cách đối nhân xử nơi làm việc Trước bước vào tập, em trang bị kiến thức lúc học lớp chưa có nhiều hội để thực ứng dụng kiến thức Khi đến với Trung tâm, em trực tiếp bắt tay vào phát triển sản phẩm đầu tiên, tự thỏa sức áp dụng kiến thức thầy cô dạy, với tự mày mị, phát triển thêm cách làm mới, học mà thực tế đem lại Đồng thời, em hiểu làm việc tập thể, cần phải giúp đỡ lẫn cần, cách giúp em tiến nhanh nhớ tốt III Những điều chưa đạt Trong trình thực tập, em chưa thể nghiên cứu sâu cách trì update website landing page Em nghĩ em cần cải thiện làm tốt phần 23 Bên cạnh em chưa hài lịng với q trình nghiên cứu thiết kế giao diện IV Kết luận Sau thời gian không ngắn không dài Trung tâm Đào tạo Quốc tế CIE, em có hội trải nhiệm làm việc cách thực tế Điều thực giúp em hoàn thiện bổ sung em cịn thiếu Em rèn luyện kỹ quản lý xếp công việc cách khoa học hiểu cách trao đổi chia sẻ khó khăn để người đội giải Đây chắn tập vô đáng giá giúp ích cho em nhiều quãng đường sau Em xin cảm ơn! TÀI LIỆU THAM KHẢO Website tham khảo: https://cie.ptit.edu.vn/ https://www.w3schools.com/ https://nordiccoder.com/ 24 https://carly.com.vn/ 25 ... 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á châu Âu qua công nghệ truyền thông đa phương tiện Các đối tác... Nhật Việt Nam du học sinh Việt Nhật Bản ngày tăng cao Chính lẽ đó, chương trình liên kết đào tạo Học viện Cơng nghệ Bưu Viễn thơng PTIT Học viện ngơn ngữ Meros, Tokyo, Nhật Bản hình thành, với... dung đánh giá Chấp hành kỷ luật: (Tốt, Trung bình, Yếu) Ý thức học tập: (Tốt, Trung bình, Yếu) Quan hệ, giao tiếp: (Tốt, Trung bình, Yếu) Điểm (Thang điểm 10) Các ý kiến khác (nếu có): Ngày tháng

Ngày đăng: 13/10/2021, 14:46

Hình ảnh liên quan

Hình ảnh bên trong file thiết kế - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)

nh.

ảnh bên trong file thiết kế Xem tại trang 20 của tài liệu.
Section màn hình cơ sở của website giới thiệu chương trình PTIT-SAKURA - Đồ án tốt nghiệp khoa đa phương tiện, học viện bưu chính viễn thông (1)

ection.

màn hình cơ sở của website giới thiệu chương trình PTIT-SAKURA Xem tại trang 21 của tài liệu.

Mục lục

  • PHIẾU NHẬN XÉT ĐÁNH GIÁ THỰC TẬP TỐT NGHIỆP

  • LỜI CẢM ƠN 

  • MỤC LỤC

  • Chương 1: GIỚI THIỆU ĐƠN VỊ THỰC TẬP

    • I. Giới thiệu chung

    • II. Cấu trúc tổ chức

    • III. Tầm nhìn và sứ mệnh của CIE

      • a. Tầm nhìn

      • b. Sứ mệnh

      • c. Những giá trị cốt lõi

      • IV. Các chương trình đào tạo,dự án và đối tác của CIE

        • a. Đào tạo

        • b. Dự án

        • Chương 2: NỘI DUNG THỰC TẬP

          • I. Giới thiệu chung

            • a. Nội dung công việc:

            • b. Kết quả cần đạt:

            • 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

              • b. Tìm hiểu về website Landing Page

              • c. Tìm hiểu về HTML

              • d. Tìm hiểu về CSS

              • e. Công cụ được sử dụng trong công việc

              • f. Nghiên cứu hiệu ứng tạo animation

              • g. Nghiên cứu về Meta Tags phục vụ tối ưu SEO

              • Chương 3: KẾT LUẬN

                • I. Những kết quả đạt được

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan