BÁO CÁO MÔN HỌC ĐA PHƯƠNG TIỆN( MULTIMEDIA )

Mẫu 8a TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ ĐIỆN TỬ - THÔNG TIN BÁO CÁO MÔN HỌC ĐA PHƯƠNG TIỆN( MULTIMEDIA ) Khoá 2019 - 2023 / Hệ Chính quy Đề tài: 3D GIẢNG VIÊN HƯỚNG DẪN: T/S 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 Hiu- 19A12010110 Viện đại học mở hà nội Khoa công nghệ điện tử - thông tin Viện10-2022 đại h H Nội Lời nói đầu Trong vịng vài năm trở lại nghe nhiều Multimedia ( Đa phương tiện ), cách xác đa phương tiện ? Từ thuật ngữ media dùng để thực thể máy truyền hình ảnh, máy truyền hình , nghĩa khơng phải nói đến vật mang thông tin đơn thuần, mà hệ thống tương đối phức tạp , có cấu, có đối tượng nhắm tới Loại truyền thông trực tiếp, từ miệng người đến tai người , không sử dụng thành phần ( media ) trung gian Khơng khí truyền chấn động âm media mà vật làm công việc tái tạo thông tin Nếu dùng máy casstte audio để ghi lời người nói, nội dung casstte khơng thể đến người nghe cách truy xuất trực tiếp , phải nhờ đến hệ thống vật lý khác: máy đọc cassette Nếu để rời , cassette xem vật mang , gộp máy đọc casstte hệ thống truyền thơng, media Media có mục đích phát, truyền thơng tin, khơng địi hỏi cách nghe nhìn Một tờ giấy in dành cho người mù, đòi hỏi họ cần sờ , cảm nhận Một postalc có nhạc mùi hương địi hỏi nhìn , nghe ngửi Bằng chứng nói đến đa phương tiện Trong đa phương tiện chia làm nhiều lĩnh vực Qos provision and control, DiffServ, Ims 3D, Mpeg Trong báo cáo tìm hiểu 3D giao thức Để hồn thành báo cáo mơn học cách hồn thiện chúng em xin cám ơn T/S Nguyễn Hữu Phát hướng dẫn, bảo cách tận tình tâm huyết Bên cạnh dù cố gắng nỗ lực thành viên nhóm chúng em khơng thể tránh khỏi thiếu sót mong thầy cơ, bạn bè đóng góp ý kiến để có báo cáo hồn thiện Chúng em xin chân thành cảm ơ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 chun 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 Ngoà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 II : Tổng quát 3D 2.Khái niệm 3D 3-D tên viết tắt từ 3-Dimension (3 chiều, bao gồm chiều sâu ) Kỹ thuật 3-D mà người ta sử dụng cách phổ biến thường liền với khái niệm “đồ họa 3D” – tức hình ảnh dựng nên cách sống động thật với trợ giúp phần mềm đồ họa vi tính After Effect, 3DS Max, Autodesk Maya… Đồ họa 3D bao gồm kỹ thuật dựng hình ảnh lên không gian chiều, thể hiệu ứng đổ bóng vật lý phần mềm đồ họa vi tính, tạo hình ảnh có tính chân thực giống thật so với giới thực 2 Quy trình tạo hình ảnh 3D Vậy hình ảnh 3D, phim 3D, gì? Nguyên tắc để tạo hình ảnh 3D hay phim 3D phải xây dựng lại hệ thống đánh lừa đôi mắt, làm cho đơi mắt nhìn vào hình ảnh cảm nhận chiều không gian 3D thực tế mà ta sống Do việc tạo hình 3D bao gồm yếu tố quan trọng hệ thống hình ảnh tái dựng (ảnh, phim) thị giác hai mắt 2.1 thị giác mắt - Việc tái tạo hình ảnh khơng gian thông qua thị giác hai mắt Do khoảng cách hai mắt nên ta có hai góc nhìn khác với vật thể, tạo cảm giác chiều - Ảnh vật thể theo nguyên tắc kỹ thuật phép chiếu vật thể lên mặt phẳng Nó hình ảnh hai chiều Tưởng tượng hai mắt ta hai hai nguồn phát sáng đằng trước vật thể mà ta nhìn ảnh phẳng, ta có hình ảnh vật thể in ảnh bao gồm hai ảnh khác hình dưới: - Đến ta dễ dàng tưởng tượng nguyên lý tạo hình ảnh 3D phim ảnh Đơn giản phép tốn ngược việc tạo ảnh chiếu trên, tức ta phải dựng hệ thống hình ảnh bao gồm hai hình ảnh hai góc nhìn khác ảnh ( gọi ảnh trái ảnh phải) cách ảnh trái vào mắt trái, ảnh phải vào mắt phải, việc lại việc sử lý hình ảnh hai mắt não người cho ta cảm giác vật thể chiều không gian - Trên thực tế vật thể hay hình ảnh mà ta nhìn thấy giống nguồn sáng thứ cấp, phản xạ ánh sáng từ nguồn sáng ( ánh mặt trời, bóng đèn, máy chiếu, ) tới mắt Do đó, ánh sáng phản xạ từ vật thể hay hình ảnh khơng có hướng xác định Vì phải cách ta phải ngăn ánh sáng từ ảnh trái đến mắt phải ánh sáng từ ảnh phải đến mắt trái Nếu không làm điều này, mà ta nhìn thấy đơn giản hai ảnh riêng biệt giống không liên quan với Qua nhiều nghiên cứu người ta phát minh kính 3D, có tác dụng lọc ánh sáng từ ảnh trái sang mắt phải ánh sáng từ ảnh phải sang mắt trái Đến hiểu nguyên lý tạo ảnh 3D từ hệ thống hai hình ảnh trái phải Vậy vấn đề lại tạo hai ảnh trái ảnh phải 2.2 Hình ảnh 3D Như nói, ảnh 3D ( cịn gọi ảnh stereoscopic 3D ) bao gồm hai ảnh trái phải Hiện có nhiều cách để tạo hình ảnh - Thu trực tiếp hình ảnh 3D máy ảnh 3D hay máy quay 3D chuyên dụng: Các thiết bị thường gồm hai ống kính để ghi lại hai hình ảnh trái phải Kỹ thuật ngày phổ biến cho độ chân thực cao Đây phương pháp sử dụng phim 3D kinh điển AVATAR - Dựng hình ảnh 3D phần mềm chuyên dụng: Như ta biết, có nhiều phim hoạt hình 3D tiếng với chất lượng tuyệt vời, xây dựng phần mềm thiết kế đồ họa 3D chuyên dụng Một số phần mềm dựng ảnh thông dụng 3DMax, CAD3D,Maya,VRML, - Tạo ảnh 3D từ ảnh 2D thông thường phần mềm nội suy chuyêndụng: Đây cách phổ biến tạo ảnh phim Kỹ thuật ta hay gọi nôm na convert từ 2D sang 3D Nó áp dụng đa số phim 3D thị trường Chương III : Mơ hình 3D 3.khái niệm mơ hình 3D (Bạn thấy kết mơ hình 3D phim, hoạt ảnh trị chơi điện tử lấp đầy với sinh vật cấu trúc khơng phải giới này.) Mơ hình 3D cấu trúc liệu mơ tả hình thái 3D đối tượng Hiện đểtạo mơ hình 3D có ba phương pháp Một chúng có thểđược tạo từphần mềm thiết kế 3D 3D Max , AutoCAD , SoldWord , Sketup , Maya v.v thông qua nhà thiết kế 3D hay kiến trúc sư Hai sử dụng lệnh ngơn ngữ lập trình đểtạo mơ hình đơn giản Ba sử dụng thiết bị máy qt 3D tạo mơ hình từ vật thể thực Để tạo mơ hình 3D phải hiểu cấu trúc mơ hình 3D, mơ hình 3D thường gồm thành phần tập đỉnh, tập mặt tập UV (trong tập UV thường kết hợp với ảnh chất liệu bên ngồi để tạo hình ảnh mơ hình với bề mặt giống với thực tế) Trong mơ hình 3D, tập đỉnh tập vector chiều mà vector điểm không gian chiều Tập đỉnh quy định hình dạng 3D đối tượng, tiếp tập mặt đểkết nối đỉnh với từđó tạo bềmặt đối tượng Vềcơ tập đỉnh tập mặt tạo mơ hình 3D giống với tượng đan màng lưới rỗng bên trong, chúng tạo hình dạng giống lưới dựa quan hệgiữa đỉnh mặt Đểcó mơ hình giống thật cần xác định texture tập UV để quy định việc sử dụng texture bề mặt đối tượng Như để xác định mơ hình 3D thường phải xác định thành phần tập đỉnh, tập mặt UV Mơ hình 3D q trình tạo biểu diễn 3D bề mặt đối tượng cách thao tác đa giác, cạnh đỉnh không gian 3D mơ Mơ hình 3D đạt tay với phần mềm sản xuất 3D chuyên dụng cho phép nghệ sĩ tạo biến dạng bề mặt đa giác cách quét đối tượng giới thực thành tập hợp điểm liệu sử dụng để đại diện cho đối tượng kỹ thuật số 2.Nguyên lý dựng mô hình 3D? Một số nguyên lý trình dựng mơ hình 3D sau: Trước tiên, thu thập khảo sát liệu để ghi lại đặc điểm hình dạng Cốt lõi 3D Model bao gồm lưới giống tập hợp điểm không gian Các điểm không gian nối dạng đa giác (thường hình tam giác tứ giác) ánh xạ tới lưới 3D Các điểm đỉnh riêng lẻ lưới đặt cách tỉ mỉ để tạo hình dạng có bề mặt đối tượng Có công cụ phần mềm để giúp tăng tốc trình dựng mơ hình 3D Chúng cho phép cần làm việc nửa hay chí phần tư đối tượng Sau hoàn thành, bề mặt thêm hiệu ứng màu sắc họa tiết Mơ hình 3D hoạt động nào? Trong mơ hình 3D, tập đỉnh tập vector chiều mà vector điểm không gian chiều Tập đỉnh sẽquy định hình dạng 3D đối tượng, tiếp tập mặt đểkết nối đỉnh với từđó tạo bềmặt đối tượng Vềcơ tập đỉnh tập mặt tạo mơ hình 3D giống với tượng đan màng lưới rỗng bên trong, chúng tạo hình dạng giống lưới dựa quan hệgiữa đỉnh mặt Đểcó mơ hình giống thật cần xác định texture tập UV đểquy định việc sửdụng texture bềmặt đối tượng Như đểxác định mơ hình 3D thường phải xác định thành phần tập đỉnh, tập mặt UV Họ xây dựng dựa hình thức sử dụng công cụ mơ hình hóa khác Đối với mơ hình 3D, luôn ý tưởng hay đơn giản hướng tới phức tạp Mơ hình 3D quy trình làm việc xác thường liên quan đến việc đặt đỉnh riêng lẻ cách tỉ mỉ để đạt đường nét xác đối tượng mong muốn Bên ngồi lưới bao gồm đa giác chia thành hình dạng nhỏ để tạo nhiều chi tiết Những chia nhỏ đặc biệt cần thiết mơ hình 3D làm động Bất kỳ khớp cần uốn cong — chẳng hạn đầu gối khuỷu tay nhân vật — cần đa giác bổ sung để đảm bảo chuyển động trơn tru Một số công cụ tồn để tăng tốc q trình mơ hình hóa Hầu hết chương trình bao gồm kỹ thuật phản chiếu cho phép họ xây dựng mơ hình đối xứng cách làm việc nửa — chí phần tư — đối tượng Điều đặc biệt hữu ích thiết kế nhân vật nghệ sĩ cần mơ hình bên nhân vật phần mềm phản chiếu tác phẩm họ dọc theo trục mong muốn tạo vật thể đối xứng hồn hảo Các cơng cụ khác cho phép biến dạng nhanh chóng bề mặt mơ hình Ví dụ, kết cấu nhiễu sử dụng để dịch chuyển lưới để có bề mặt hữu Hoặc công cụ bề mặt chia nhỏ sử dụng để mô số lượng đa giác cao Bằng cách này, nghệ sĩ làm việc “khơng bị phá hủy” trình bảo tồn tác phẩm gốc họ Điều đặc biệt quan trọng mơ hình phức tạp hơn, địi hỏi phải thử nghiệm để hướng Sau mơ hình hồn thành, bề mặt sơn tạo họa tiết Việc tạo họa tiết cho mơ hình nằm phạm vi viết này, điều quan trọng cần lưu ý họa tiết sử dụng để làm giả chi tiết bề mặt Bằng cách này, nghệ sĩ làm cho mơ hình phức tạp so với thực tế Kỹ thuật đặc biệt hữu ích trò chơi điện tử nơi mắt lưới phức tạp chứng minh việc đánh thuế vào CPU làm gián đoạn q trình chơi trị chơi Chương IV Website 3D cách mà người thiết kế tạo cho người dùng nhìn vào giao diện có cảm giác chiều sâu, tương tác với website Hay nói cách khác, Website 3D website thiết kế theo mơ hình 3D thực đại giúp website tương tác với người dùng tốt hơn, thật Công nghệ website 3D biết phát triển nước tiên tiến Và công nghệ tiếp cận đến Việt Nam Vào năm 2013 có nhiều đơn vị Việt Nam triển khai cơng nghệ thiết kế Website 3D Nó mang lại nhiều kết vô khả quan thị trường thiết kế Website Ở Việt Nam Chương V: Thiết kế web có sử dụng 3D (https://lam8112001.github.io/webchampionl eaguepro/) 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 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 việc xử lý giao diện 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ụ chun 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ữ 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 Website hoàn thiện ... Đị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... chứng nói đến đa phương tiện Trong đa phương tiện chia làm nhiều lĩnh vực Qos provision and control, DiffServ, Ims 3D, Mpeg Trong báo cáo tìm hiểu 3D giao thức Để hồn thành báo cáo mơn học cách hồ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