Bài giảng Phương tiện tương tác kỹ thuật số - Chương 4: Công nghệ Web 2.0 trình bày các nội dung: Giới thiệu công nghệ Web, Web 2.0 là gì?, đặc tính và kỹ thuật của Web 2.0, công nghệ Web 2.0, ứng dụng của Web.2.0, các vấn đề của Web 2.0,... Mời các bạn cùng tham khảo.
CÔNG NGHỆ WEB 2.0 Logo Nội Dung Giới Thiệu Cơng Nghệ Web Web 2.0 gì? Đặc tính kỹ thuật Web 2.0 Công Nghệ Web 2.0 Ứng Dụng Của Web.2.0 10 Một Số Web 2.0 Tra Cứu Dịch Vụ Các vấn đề Web 2.0 Một số ứng dụng Web 2.0 Các vấn đề Web 2.0 Rui Ro & Vấn Đề slide.tailieu.vn Logo Giới Thiệu Công Nghệ Web Sự phát triển cơng nghệ Web Web 2.0 gì? Đặc tính kỹ thuật Web 2.0 Công nghệ Web 2.0 Các ứng dụng Web 2.0 Một số Web 2.0 tra cứu dịch vụ slide.tailieu.vn Logo Sự phát triển công nghệ Web slide.tailieu.vn Logo Giới Thiệu Công Nghệ Web 2.0 slide.tailieu.vn Logo Giới Thiệu Công Nghệ Web 2.0 slide.tailieu.vn Web 2.0 gì? Logo Thuật ngữ Web 2.0 lần đầu xuất vào tháng 10/2004 Tim OReily – Chủ tịch Dale Dougherty – Phó Chủ tịch OReily Media đưa hội thảo phát triển Web Có nhiều quan điểm khác Web 2.0, nhiên đa số mơ tả Web 2.0 số tính khả giao tiếp, tính tương tác người dùng với yếu tố cho phép người dùng tạo thơng tin Các loại dịch vụ Web 2.0 mạng xã hội, blog, từ điển mở wiki, … có phát triển vũ bão thực làm biến đổi giới Internet ngày, slide.tailieu.vn Web 2.0 gì? (tt) Logo Sự phát triển Web Web 1.0 (1993-2003) đa số trang HTML, người dùng xem thơng tin qua trình duyệt Web 1.0 chủ yếu gồm website "đóng" hãng thông hay công ty nhằm mục đích tiếp cận độc giả hay khách hàng hiệu Nó phương tiện phát tin phương tiện chia sẻ thông tin Web 2.0 (2003- beyond): Web 2.0 trọng tới yếu tố công nghệ, nhấn mạnh tới vai trò tảng ứng dụng, nhấn mạnh đến tính chất sâu xa – yếu tố cộng đồng thông qua trang Web, thông tin chia sẻ qua Web nhiều ứng dụng tương tác slide.tailieu.vn Logo Web 2.0 gì? (tt) Sự phát triển Web slide.tailieu.vn Logo Đặc tính kỹ thuật Web 2.0 Quan điểm Tim OReily Web có vai trị tảng, chạy ứng dụng Tập hợp trí tuệ cộng đồng Dữ liệu có vai trị then chốt Phần mềm cung cấp dạng dịch vụ web cập nhật không ngừng Phát triển ứng dụng dễ dàng nhanh chóng Phần mềm chạy nhiều thiết bị Giao diện ứng dụng phong phú (O'Reilly, 2005) 10 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Ví dụ áp dụng • Trang có 62 u cầu, hầu hết png, gif, js, số kiểu tệp tin tĩnh khác Khi người sử dụng truy cập trang lần đầu tiên, phải khoảng 16 giây để hồn thành việc hiển thị tồn trang trình duyệt Nếu bạn xác định đắn thiết lập nhớ sẵn phần lớn tài nguyên đưa vào nhớ sẵn phía trình duyệt Do đó, người sử dụng truy cập trang lần số lượng yêu cầu cho trang giảm 22, khoảng giây để tải Trải nghiệm người sử dụng cải thiện cách đáng kể • Bây phân tích số thiết lập quan trọng nhớ sẵn dành cho yêu cầu Kết liên quan đến Weblogger nhìn thấy hình 101 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Hình Tiêu đề đáp ứng từ trang nhà blog My developerWorks 1 Trước hết, Cache-Control đè lên thiết lập Last-Modified, trang đưa vào nhớ sẵn máy cục giây, phải xác nhận hiệu lực lại nội dung cũ Khi người sử dụng truy cập trang này, trình duyệt trước tiên kiểm tra nhớ sẵn cục để xác định xem tệp cục hết hiệu lực chưa Nếu nội dung cũ, trình duyệt gửi yêu cầu đến máy chủ để so sánh dấu thời gian LastModified Nếu tệp tin đáp ứng có nhãn thời gian Last-Modified, máy chủ trả mã 304 cho trình duyệt để báo tệp tin đáp ứng 102 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Hình Tiêu đề đáp ứng từ trang nhà blog My developerWorks 2 Thiết lập Cache-Control đáp ứng đưa vào nhớ sẵn Từ quan điểm nghiệp vụ, yêu cầu dùng để kiểm tra xác thực uỷ quyền người sử dụng, khơng nên đưa vào nhớ sẵn 103 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Hình Tiêu đề đáp ứng từ trang nhà blog My developerWorks 3 Tệp tin đáp ứng tệp thư viện JavaScript bị sửa đổi nên có độ tuổi tối đa (max-age) ngày 104 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Ví dụ áp dụng Trung tâm Mashup (Mashup Center) Trung tâm Mashup thiết kế để cung cấp giải pháp mashup nghiệp vụ dễ sử dụng, hỗ trợ trình lắp ráp phần mềm ứng dụng theo tình động, sống cịn hoạt động doanh nghiệp (line-of-business) — với khả an ninh điều quản mà CNTT yêu cầu Nó gồm có Lotus Mashups InfoSphere MashupHub Hình cho thấy ảnh chụp nhanh Lotus Mashups hoạt động 105 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Hình Trang chủ Mashup 106 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Hình Tiêu đề đáp ứng trang nhà Mashup 1 107 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Hình Tiêu đề đáp ứng trang nhà Mashup 2 Đây trang cá nhân, khơng nên đưa vào nhớ sẵn Chú ý giá trị ngày tháng Expires (hết hiệu lực) đặt ngày xa q khứ cho ln làm 108 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Tóm tắt Do tính phức tạp nhiều trình duyệt, thiết lập nhớ sẵn đắn quan trọng Trong này, đã mô tả cách làm tốt sau đây: Nhớ sẵn nhiều tệp tin tốt để giảm bớt thời gian tải cải thiện hiệu Hãy sử dụng thị điều khiển nhớ sẵn (cache-control) để xác định hành vi nhớ sẵn nhiều tốt, IE Điều làm giảm bớt khơng qn trình duyệt khác cách tốt để cải thiện hiệu Đừng sử dụng "no settings related with cache." (khơng có thiết lập nhớ sẵn) Với thiết lập mặc định, mở mới, trình duyệt IE ln ln gửi u cầu đến phía máy chủ để lấy liệu Nếu trang không nên đưa vào nhớ sẵn, hãy sử dụng " no-cache, no-store" để chắn trang khơng đưa vào nhớ sẵn, liệu liên quan đến an ninh thông tin nhạy cảm Nếu không cần thiết, khơng sử dụng u cầu kiểu POST, khơng thể đưa vào nhớ sẵn 109 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Ứng dụng 2.0 thiếu với bạn? del.icio.us là site bookmark hàng đầu, dùng plugin Firefox để giúp bookmark viết ưa thích nhanh Điều phiền tối cách tag theo từ, cụm từ làm cho danh mục bị phân mảnh khó tìm lưu trữ Ngoài ra, nhiều trang web biến sau thời gian Digg chủ yếu để theo dõi tin nóng Nhưng đa số tin “made in USA” nên nhiều vô bổ Firefox: Khỏi cần nói, tơi dùng Firefox làm trình duyệt mặc định với hàng chục plugin Đây ứng dụng mà tơi “couldn’t live without” Tuy nhiên có lẽ overuse trình duyệt nên chiếm RAM kinh khủng Disclosure: gần hơn 70% người truy cập vào blog dùng Firefox Flickr: Tôi không dùng ứng dụng nhiều có hứng thú chụp hình, chủ yếu để lưu trữ hình gia đình Gmail: Sure, ứng dụng mail cách mạng 110 slide.tailieu.vn Logo 10 Cải thiện hiệu ứng dụng Web Ứng dụng 2.0 thiếu với bạn? Google Reader: Tơi khơng khối trình đọc RSS thơ sơ Tơi dùng FeedReady! Netvibes: Tơi fan Netvibes, với hàng ngàn plugin trang chủ tuyệt vời TechMeme: Trang web nên đọc hàng ngày cho dân sính cơng nghệ Technorati: Tơi dùng chủ yếu để xem xếp hạng blog 10 WordPress: Tất nhiên ứng dụng thiếu blog làm WordPress Nhiều plugin WordPress có giá trị đơi phải nhiều thời gian dùng 11 YouTube: Quá chậm xem từ Việt Nam Tơi thích Clip.vn hơn 12 Zoho: Tơi dùng Zoho chậm so với Google Docs 111 slide.tailieu.vn Logo CÂU HỎI ÔN TẬP Lập bảng so sánh tính Web 1.0 Web 2.0 Phân tích điểm khác web tĩnh (static) web động (dynamic) Phân tích kiến trúc web 1.0 web 2.0 (client server & webservices) Bạn biết dịch vụ Đánh dấu xã hội (social bookmarking) cho ví dụ cụ thể Phân tích cơng nghệ AJAX web 2.0 Phân tích tính kỹ thuật “Giữa hệ thống với hệ thống, ứng dụng với ứng dụng” Web 2.0 Bạn biết FaceBook cho ví dụ cụ thể Liệt kê ứng dụng Web 2.0 Cho ví dụ 112 slide.tailieu.vn Logo CÂU HỎI ƠN TẬP Liệt kê yếu tố Thiết kế tương tác Phân tích cho ví dụ nguyên tắc mà bạn cho quan trọng Phân tích nguyên tắc thiết kế hướng người dùng Phân tích 10 nguyên tắc thiết kế, nguyên tắc cho ví dụ Prototype gì? Có cần thiết phải làm Prototype khơng? Vì sao? Cho ví dụ minh họa Thiết kế tương tác gì? Trình bày nguyên tắc thiết kế tương tác cho game, cho ví dụ cụ thể 113 slide.tailieu.vn Logo Hỏi & Đáp Q&A slide.tailieu.vn Thank You ! ... thông qua trang Web, thông tin chia sẻ qua Web nhiều ứng dụng tương tác slide.tailieu.vn Logo Web 2.0 gì? (tt) Sự phát triển Web slide.tailieu.vn Logo Đặc tính kỹ thuật Web 2.0 Quan điểm Tim OReily... triển phần mềm Tính chia sẻ thể khía cạnh liệu dịch vụ, định hình đến mơ hình phát triển phần mềm có tính tương tác cao với hệ thống khác Web 2.0 tăng cường khả tương tác ứng dụng với ứng... Đặc tính kỹ thuật Web 2.0 Quan điểm cộng đồng Wikipedia: Web 2.0 hiểu hệ thứ việc thiết kế phát triển ứng dụng Web, làm cho truyền thông dễ dàng hơn, chia sẻ thông tin, tham gia thao tác Web