ĐA PHƯƠNG TIỆN(Multimedia) chủ đề 3d

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ ĐIỆN TỬ THÔNG TIN ************** ĐA PHƯƠNG TIỆN(Multimedia) Chủ đề : 3D Giảng viên hướng dẫn : Nguyễn Hữu Phát Sinh viên thực hiện:  Nguyễn Thị Mỹ -19A12010184  Vũ Xuân Lâm -19A12010125  Trần Văn Đạt-19A12010222  Nguyễn Đức Hiệu -19A12010159  Đặng Xuân Hiếu- 19A12010110 Khóa 2019-2023 Lời nói đầu Trong suốt chiều dài lịch sử, thơng tin chuyển tải thông qua phương tiện Âm thanh, chẳng hạn giọng nói người, loại phương tiện qua nhiều kỉ trước chữ viết sử dụng rộng rãi nói chuyện cách thức chủ yếu để trao đổi thông tin Sau người bắt đầu kể chuyện để lại thông tin sống mính thơng qua hính vẽ, tranh Sự đời chữ viết cho người phương tiện khác để diễn đạt ý nghĩ mính Ngày nay, người thường sử dụng lời nói, âm thanh, âm nhạc, văn bản, hính ảnh, đồ hoạ, hoạt ảnh video để truyền tải thông tin Những thứ tất loại phương tiện khác (thuật ngữ media số nhiều medium) phương tiện thường dùng để biểu đạt loại thông tin định.Như ý nghĩa này, phương tiện đơn giản cách thức để truyền đạt thông tin Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội đời hàng loạt Website cho mục đích thương mại, giải trí, tin tức…Dể đáp ứng với việc cập nhật thơng tin hành ngày, tình hình xã hội, trị, thời sức khỏe… Website tin tức kiêm quảng cáo đời nhu cầu tất yếu Do chúng em vận dụng ngôn ngữ HTML ,CSS ,JAVA SCIPT công cụ Visual Studio Code để xây dựng lên trang web tin tức bóng đá kiêm quảng cáo nhãn hàng Hoàn thành xong dự án chúng em vô biết ơn thầy ,cô nhiệt tình giảng dạy , hướng dẫn chúng em đặc biệt thầy Nguyễn Hữu Phát , người trực tiếp dạy nhiệt tình cho chúng em suốt trình nghiên cứu xây dựng dự án CHƯƠNG : TỔNG QUAN Các khái niệm 1.1 Truyền thơng đa phương tiện gì? Kể từ lâu người khám phá thông điệp trở nên tác động (có nghĩa người nghe hiểu nhớ chúng dễ hơn) chúng biểu đạt thông qua kết hợp phương tiện khác Loại kết hợp ý nghĩa thuật ngữ truyền thông đa phương tiện.Truyền thông đa phương tiện sử dụng nhiều loại phương tiện vào thời điểm Sử dụng phim ảnh, truyền hính kết hợp nhiều loại phương tiện (âm thanh, video, hoạt ảnh, hính ảnh tĩnh chữ) để tạo nhiều loại thơng điệp khác có khả cung cấp thông tin tiêu khiển cho người theo cách thức độc đầy ý nghĩa 1.2 Multimedia gì? Trước tiên người ta hỏi đa phương tiện ? Đa phương tiện tích hợp văn bản, âm thanh, hình ảnh tất loại phần mềm có điều khiển mơi trường thơng tin số Định nghĩa đa phương tiện đề cập sau Dữ liệu đa phương tiện gồm liệu về: Văn bản; Hình ảnh; Âm thanh; Hình động Con người có nhu cầu diễn tả trạng thái mình; họ có nhiều loại hình thể Con người có nhu cầu truyền thơng, cách thể đường truyền quan trọng Trên Internet thông dụng với người, đẹp trang Web phải thể nội dung hình thức.Đa phương tiện có nhiều loại, phương tiện cơng cộng đa phương tiện:Radio, vô tuyến, quảng cáo, phim, ảnh Nhu cầu tương tác người-máy đặt hệ thống thơng tin Vấn đề tương tác người-máy khơng quan hệ người với máy tính mà người với người Con người có vai trị quan trọng hệ thống thơng tin Định nghĩa đa phương tiện (theo nghĩa rộng) bao gồm phương tiện: văn bản, hình vẽ tĩnh (vẽ, chụp), hoạt hình (hình ảnh động), âm thanh.Cuối người ta định nghĩa đa phương tiện; đa phương tiện kỹ thuật mô sử dụng đồng thời nhiều dạng phương tiện chuyển hố thơng tin tác phẩm từ kỹ thuật đó.Liên quan đến định nghĩa đa phương tiện, người ta cần lưu ý khía cạnh sau: -Thơng tin cần phải số hố, phù hợp với xu rẻ; -Phải dùng mạng máy tính, để đảm bảo truyền bá, hay truyền tải tốt; -Sử dụng phần mềm có tương tác, cho phép người dùng trao đổi với phần mềm thay đổi theo ý người dùng; -Phải thiết kế giao diện người máy phù hợp với phát triển đa phươngtiện, tức giao diện người dùng đa phương tiện lưu ý nhiều năm gần 1.3 Thế hệ truyền thông đa phương tiện? Các hệ thống thông tin đa phương tiện dùng nhiều phương tiện giao tiếp khác (văn bản, liệu ghi, liệu số, đồ hoạ, hính ảnh, âm thanh, video ) Nhiều ứng dụng đa phương tiện theo ý nghĩa chúng dùng nhiều dạng Tuy nhiên, thuật ngữ “đa phương tiện” thường dùng để mô tả hệ thống phức tạp hơn, hệ thống hỗ trợ hình ảnh âm Các thơng tin chủ yếu tạo bên ngồi máy tính Lời nói, nhạc, hính ảnh phim chuyển từ dạng Analog (tương tự) sang Digital (số) trước dùng ứng dụng máy tình Ngược lại, với văn bản, đồ hoạvà chí phim hoạt hình tạotrên máy tính vìvậy chỉđáp ứng mục tiêu định, mở rộng ứng dụng được.Một hệ máy tính, mạng thơng tin hay dụng cụphần mềm hệ đa phương tiện hỗ trợ ứng dụng tương tác cho dạng thông tin sau, không kể văn đồ hoạ: âm thanh, hính ảnh tĩnh phim video chuyển động 1.4 Tính tương tác chương trình truyền thơng đa phương tiện Ngày nay, cơng nghệ máy tính đưa sản phẩm truyền thơng đa phương tiện PC tiến thêm bước xa Khơng giống sách, phim hay chương trình truyền hình: máy tính nhận liệu nhập từ người sử dụng chứa kiện truyềnthơng đa phương tiện tương tác có bao gồm vai trò người sử dụng Thuật ngữ tương tác hiểu người sử dụng chương trình phản ứng qua lại với Chương trình liên tục cung cấp cho người sử dụng tập lựa chọn người sử dụng chọn, nhằm điều khiển hoạt động chương trình Và chí kiểm sốt họ thấy nghe Bằng cách nhận vào liệu nhập vào từ người sử dụng, phương tiện tương tác tạo vòng lặp phản hồi, nói chung hoạt động sau: -Bắt đầu vịng lặp người sử dụng kích hoạt chương trình tương tác chọn thơng tin cần xem -Chương trình đáp ứng lại cách hiển thị cho người sử dụng thông tin với lựa chọn -Người sử dụng đáp ứng cách chọn lựa chọn chẳng hạn di chuyển đến nơi khác chương trình chọn thơng tin khác -Chương trình đáp ứng với lựa chọn người sửdụng thường đưa tập tuỳ chọn -Q trình tiếp diễn - đơi nhịp độ nhanh phức tạp nhiều trị chơi máy tính: người sử dụng ngừng chương trình Như vậy, chương trình truyền thơng đa phương tiện mơ tảlà có tính tương tác chúng nhận liệu nhập từ người sử dụng cho phép người sửdụng điều khiển dòng chảy thơng tin hoạt động chương trình Ứng dụng âm thanh, hình ảnh truyền thơng đa phương tiện 2.1 Ứng dụng âm Âm đóng vai trị quan trọng ứng dụng truyền thông đa phương tiện Các hiệu ứng đặc biệt âm tiếng nói đưa vào ứng dụng, đắc biệt ứng dụng hệ thống đào tạo bán hàng tự động trang web tin tức Một lời thích tiếng nói dùng để diễn tả diễn hình để làm bật nhấn mạnh khái niệm then chốt Âm sử dụng kết hợp với hình ảnh tĩnh ảnh động để giải thích cho người sử dụng ý tưởng hay quy trình hiệu theo cách đơn văn hay đồ họa Âm nhạc sử dụng để thu hút ý khách hàng để tạo phong cách riêng biệt Trong số lĩnh vực chuyên dụng âm hình thành nên lõi ứng dụng truyền thông đa phương tiện, chẳng hạn hệ thống giúp cho người tàn tật nhìn thấy Một dự án đưa đến việc chuyển tải nhật báo đến thiết bị máy tính đặt nhà người sử dụng Chỉ cần ngồi nhà, người sử dụng chọn nghe hệ thống xử lý tiếng nói đọc lớn báo chọn lọc báo hiển thị hình với kiểu chữ lớn Một chi phí giảm cơng nghệ cải tiến mối quan tâm người dùng đến việc sử dụng hệ thống xử lý nhận dạng tiếng nói ứng dụng kinh doanh nói chung tăng lên 2.2 Ứng dụng hình ảnh tĩnh Trong lĩnh vực đa phương tiện, hình ảnh sử dụng việc vẽ biểu đồ kỹ thuật, lược đồ hoạt hình Đồ thị biểu đồ - xác truyền tải thơng tin thiết kế tốt Các biểu tượng biểu tượng đặc biết sử dụng để xác định nơi, thứ thuộc tính Chúng phải thiết kế cẩn thận để phục vụ cho hiểu biết văn hóa Hình ảnh gợi lên phản ứng cảm xúc mạnh mẽ, thích giúp người dùng tập trung vào chi tiết Đồ họa sử dụng để giải thích, tác động, tìm cảm nhận sản phẩm 2.3 Ứng dụng hình ảnh động Hình ảnh động sử dụng mô giới ảo để thể ý tưởng thử nghiệm người Ngồi ra, hình ảnh động sử dụng lĩnh vực giải trí: làm phim hoạt hình 2D & 3D, làm clip ngắn vui nhộn TVC ( quảng cáo truyền hình),……… 2.4 Ứng dụng video Lợi việc tích hợp video vào trình bày , quảng cáo khả truyền tải hiệu nhiều thông tin thời gian Hãy nhớ chuyển động tích hợp với âm chìa khóa cho nhận biết tiếp thu người xem trở nên thu hút hiệu Nó làm tăng việc lưu giữ thơng tin trình bày Khả kết hợp video số hóa sản phẩm đa phương tiện hay dự án webside tin tức đánh dấu thành tựu quan trọng phát triển ngành công nghiệp đa phương tiện Video mang ý nghĩa chủ nghĩa thực tới sản phẩm đa phương tiện hữu ích việc tham gia kết nối người sử dụng Chương : Dự án webside (https://lam8112001.github.io/webchampionleaguepro/) Cài đặt môi trường Bước : Truy cập vào (https://code.visualstudio.com/download) Bước 2: Click vào hệ điều hành tương ứng Bước 3: Mở thư mục tải Bước : chọn ấn next đến install Bước : thành công 2.Tạo Dự án 2.1 Chọn file  add folder Bước : tạo folder Bước 4: add vào visual studio code 3.Lập trình HTML /CSS/JAVASCIPT 3.1 HTML HTML (Hypertext Markup Language) tạm dịch ngôn ngữ đánh dấu siêu văn HTML sử dụng để tạo cấu trúc thành phần trang web ứng dụng, phân chia đoạn văn, heading, links, blockquotes,… HTML ngôn ngữ lập trình Điều có nghĩa khơng thể tạo chức "động" Hiểu cách đơn giản hơn, HTML tương tự phần mềm Microsoft Word, có tác dụng bố cục định dạng trang web Thông thường trang web bao gồm số trang HTML khác Ví dụ: trang chủ, trang giới thiệu trang liên hệ có tệp HTML riêng biệt Tài liệu HTML tệp kết thúc html htm Trình duyệt web đọc tệp HTML hiển thị nội dung để người dùng internet xem Bạn xem chúng cách sử dụng trình duyệt web Google Chrome, Firefox, Safari,… Nhiệm vụ trình duyệt đọc file HTML xuất nội dung lên Internet cho người dùng xem hiểu chúng Khi bạn gõ tên miền, trình duyệt mà bạn sử dụng kết nối tới máy chủ web, cách dùng địa IP, vốn thấy cách phân giải tên miền (DNS) Máy chủ web máy tính kết nối tới internet nhận yêu cầu tới trang web từ trình duyệt bạn Máy chủ sau gửi trả thơng tin trình duyệt bạn, tài liệu HTML, để hiển thị trang web Tất trang HTML có loạt phần tử HTML, bao gồm tập hợp thẻ thuộc tính Các phần tử HTML khối xây dựng trang web Một thẻ cho trình duyệt web biết vị trí bắt đầu kết thúc phần tử, thuộc tính mơ tả đặc điểm phần tử Ba phần phần tử là: -Thẻ mở - sử dụng biết nơi phần tử bắt đầu có hiệu lực Thẻ bọc dấu ngoặc nhọn mở đóng Ví dụ: sử dụng thẻ bắt đầu

để tạo đoạn văn -Nội dung - đầu mà người dùng khác nhìn thấy -Thẻ đóng - giống thẻ mở, có dấu gạch chéo lên trước tên phần tử Ví dụ:

để kết thúc đoạn văn Sự kết hợp ba phần tạo phần tử HTML: Một phần quan trọng khác HTML element thuộc tính (attribute) nó, có hai phần - tên giá trị thuộc tính Tên xác định thơng tin bổ sung mà người dùng muốn thêm, giá trị thuộc tính cung cấp thêm thơng số kỹ thuật Ví dụ: phần tử kiểu thêm màu tím verdana font-family trơng này: Hầu hết phần tử có thẻ mở thẻ đóng, số phần tử khơng cần thẻ đóng để hoạt động, chẳng hạn phần tử trống Các phần tử không sử dụng thẻ kết thúc chúng khơng có nội dung: Thẻ hình ảnh có hai thuộc tính - thuộc tính src, đường dẫn hình ảnh thuộc tính alt, văn mơ tả Tuy nhiên, khơng có nội dung thẻ kết thúc Cuối cùng, tài liệu HTML phải bắt đầu khai báo để thơng báo cho trình duyệt web loại tài liệu Với HTML5, khai báo công khai HTML kiểu tài liệu là: 3.2 CSS CSS viết tắt cụm từ Cascading Style Sheet Đây môt ngôn ngữ lâp trình thiết kế đơn giản dễ sử dụng Mục tiêu CSS giúp đơn giản hóa q trình tạo website CSS có nhiệm vụ thực hiên viêc xử lý giao diên môt trang web Có thể kể đến yếu tố màu sắc văn bản, hay khoảng cách đoạn, font chữ, hình ảnh, bố cục, màu nền,… Với hỗ trợ CSS bạn thay đổi, chỉnh sửa yếu tố theo ý muốn Trong trình phát triển thiết kế website CSS cơng cụ vơ cần thiết Nó giải tốt cơng việc mà HTML khơng xử lý Qua mang lại cho bạn khả kiểm sốt mạnh mẽ với website Có thể phân chia loại CSS thành loại như: - CSS tùy chỉnh hình - CSS tùy chỉnh cách hiển thị đoạn text - CSS tùy chỉnh kiểu chữ kích thước - CSS tùy chỉnh bảng - CSS tùy chỉnh danh sách Phân biệt CSS HTML: 3.3 JAVASCIPT Javascript ngôn ngữ lập trình website, tích hợp nhúng HTML giúp cho website trở nên sống động Đây dạng ngơn ngữ theo kịch bản, hình thành dựa đối tượng phát triển có sẵn đơn giản tự định nghĩa Javascript cho phép bạn kiểm soát hành vi trang web tốt so với việc sử dụng HTML Có thể kể đến vài ứng dụng thực tiễn quen thuộc Javascript slideshow, pop-up quảng cáo hay tính autocomplete Google,… chúng viết ngôn ngữ Javascript Javascript biết đến lần vào tháng năm 1995, tạo vỏn vẹn vòng 10 ngày Brendan Eich – nhân viên Netscape Thực chất tên gọi người ta dùng cho ngơn ngữ lập trình Mocha, sau đổi thành Mona tiếp tục biến đổi thành Livescript trước trở thành ngơn ngữ lập trình Javascript phổ biến Phiên ngôn ngữ lập trình bị Netspace giới hạn độc quyền có tính hạn chế Tuy nhiên tiếp tục phát triển theo thời gian hoàn thiện đến thời điểm nhờ làm việc liên tục cộng đồng lập trình viên Cho đến thời điểm tại, Javascript phát triển hoạt động hầu khắp trình duyệt thiết bị di động đến máy tính bàn Chỉ 20 năm, Javascript từ ngôn ngữ lập trình riêng trở thành cơng cụ quan trọng công cụ chuyên viên lập trình web Ứng dụng Javascript Hiện nay, Javascript ứng dụng nhiều lĩnh vực phổ biến như: Lập trình website Xây dựng ứng dụng cho website máy chủ Ứng dụng di động, app, trò chơi Cụ thể hơn, bạn tải trang web, trình duyệt phân tích cú pháp HTML tiến hành tạo loại liệu gọi DOM từ nội dung DOM thể chế độ xem trực tiếp trang web với mã Javascript Đoạn mã thực cập nhật cho DOM trình bày trước mắt người dùng Việc sử dụng ngôn ngữ Javascript ngày trở nên phổ biến, thông dụng nhiều người dùng Với ngôn ngữ này, việc cần làm nhúng trực tiếp vào trang web, tiến hành tham chiếu thông qua file.js riêng biệt Bởi ngơn ngữ phía client nên script tải đầy đủ máy khách hàng truy cập Đồng thời, xử lý thay xử lý server trước đưa kết tới khách hàng truy cập Ngoài ra, việc sử dụng ngơn ngữ lập trình hỗ trợ đầy đủ cho khách hàng họ muốn tắt hay mở trình duyệt web ứng dụng Nhờ vậy, việc xác định website hoạt động nào, tình hình thực tế khơng có ngơn ngữ Javascript hoạt động Javascript người dùng đánh giá cao khả hoạt động đơn giản vô hiệu Hiện nay, ngơn ngữ lập trình ứng dụng nhiều tảng khác để đáp ứng nhu cầu người dùng như: -Sử dụng Javascript HTML, hay CSS để trở thành ngôn ngữ khơng thể thay website -Có nhiều framework JavaScript khác phía front-end, tiêu biểu như: ReactJS, Vue.js, Angular.js, Angular2, Meteor.js,… -Ngơn ngữ lập trình JS sử dụng phía server với framework Node.js -Có số database sử dụng ngôn ngữ Javascript dạng kịch bản, đồng thời coi ngôn ngữ query CouchDB, MongoDB,… -Dùng ngôn ngữ Javascript ứng dụng việc xây dựng ứng dụng Desktop với framework Electron, tiêu biểu ứng dụng tiêu biểu, tiếng WordPress.com, Atom, Visual Studio Code,… -Sử dụng ngôn ngữ JS việc xây dựng nên ứng dụng điện thoại, đảm bảo đa tảng cho Android, hay iOS,… hiệu nhằm đáp ứng tốt cho nhu cầu, đòi hỏi khác người dùng  ... người ta hỏi đa phương tiện ? Đa phương tiện tích hợp văn bản, âm thanh, hình ảnh tất loại phần mềm có điều khiển mơi trường thơng tin số Định nghĩa đa phương tiện đề cập sau Dữ liệu đa phương tiện... với phát triển đa phươngtiện, tức giao diện người dùng đa phương tiện lưu ý nhiều năm gần 1.3 Thế hệ truyền thông đa phương tiện? Các hệ thống thông tin đa phương tiện dùng nhiều phương tiện giao... Định nghĩa đa phương tiện (theo nghĩa rộng) bao gồm phương tiện: văn bản, hình vẽ tĩnh (vẽ, chụp), hoạt hình (hình ảnh động), âm thanh.Cuối người ta định nghĩa đa phương tiện; đa phương tiện