Sunset Farmers' Market has weekly produce specials! Click the image below to see this week' specials.
$2.50 per pintmarket home Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động TỐI ƯU HÓA MÃ WEB DI ĐỘNG Điều chỉnh thay đổi định dạng ảnh: cách điều chỉnh hình ảnh: • Giảm kích thước file cho nhỏ có thể: – giảm mà khơng ảnh hưởng đến khả đọc tính khả dụng website – giảm số lượng màu sắc sử dụng cho hình ảnh – sử dụng nén hình ảnh để giảm kích thước file ảnh • Chuyển mã hình ảnh sang định dạng tốt trình duyệt di động hỗ trợ: – Có thể chọn phương pháp tĩnh động (on-the-fly) để thay đổi kích thước chuyển mã hình ảnh Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động TỐI ƯU HĨA MÃ WEB DI ĐỘNG Mã hóa MIME đa phần cho tài liệu hồi đáp: Đóng gói MIME đa phần kỹ thuật kế thừa sử dụng để tăng tốc độ hiển thị web cho di động thiết bị di động đời cũ Khi trang web đóng gói MIME đa phần, ta sử dụng kiểu nội dung (content type) trang multipart/related Tên header HTTP Mơ tả giá trị header Header ví dụ Content-Type Kiểu MIME tài nguyên text/html image/jpg Content-ID ID tài nguyên hồi đáp web part100@mydomain.com 100 Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 10 KIỂM TRA TÍNH HỢP LỆ CỦA MÃ ĐÁNH DẤU WEB DI ĐỘNG KIỂM TRA TÍNH HỢP LỆ CỦA MÃ ĐÁNH DẤU Tầm quan trọng mã đánh dấu hợp lệ trang web cho di động: web cho di động, cú pháp stylesheet mã đánh dấu hợp lệ lại điều cần thiết để đảm bảo khả tương thích trang web với nhiều loại trình duyệt di động khác mã đánh dấu không hợp lệ định dạng ảnh hưởng đến khả tương thích tài liệu trình duyệt di động nhiều so với ảnh hưởng trình duyệt máy tính Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 19 KIỂM TRA TÍNH HỢP LỆ CỦA MÃ ĐÁNH DẤU Những vấn đề mà trình kiểm tra tính hợp lệ bỏ qua: Trình kiểm tra tính hợp lệ khơng đánh giá chất lượng hiệu mã đánh dấu Mã đánh dấu khơng xác có kích thước lớn bình thường mặt cú pháp bị mắc lỗi trầm trọng chạy thiết bị di động thật tính hợp lệ điều cần thiết chưa đủ để đảm bảo tài liệu đánh dấu phù hợp với trình duyệt di động Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 20 KIỂM TRA TÍNH HỢP LỆ CỦA MÃ ĐÁNH DẤU Các trình kiểm tra tính hợp lệ sẵn có cho mã đánh dấu Trình kiểm tra tính hợp lệ Phạm vi kiểm tra tính hợp lệ Dịch vụ kiểm tra tính hợp lệ cho mã đánh dấu (Markup Validation Service) W3C Cú pháp mã đánh http://validator.w http://validator.w dấu HTML, 3 XHTML org/ org/source/ mã đánh dấu web khác Trình kiểm tra MobileOK W3C Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động URL Mã nguồn http://validator.w http://dev.w3.org 3.or / g/mobile/ cvsweb/2007/mo bileok-ref/ 21 KIỂM TRA TÍNH HỢP LỆ CỦA MÃ ĐÁNH DẤU Dịch vụ kiểm tra tính hợp lệ cho tài liệu CSS W3C: http://jigsaw.w3.org/css-validator/ Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 22 KIỂM TRA TÍNH HỢP LỆ CỦA MÃ ĐÁNH DẤU Trình kiểm tra mobileOK W3C: http://validator.w3.org/mobile/ Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 23 KIỂM THỬ TRANG WEB CHO DI ĐỘNG KIỂM THỬ TRANG WEB CHO DI ĐỘNG Phương pháp luận kiểm thử trang web cho di động: Con đường truyền tin thực trình duyệt di động máy chủ web Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 25 KIỂM THỬ TRANG WEB CHO DI ĐỘNG Những lưu ý kiểm thử trình duyệt di động: Sử dụng hai biện pháp truy cập Internet để kiểm thử website cho di động: wifi, 3G Khi kiểm thử thiết bị di động thật việc kiểm thử xem thành cơng mơ tốt trình duyệt di động, thiết bị di động mạng di động: • Chức trình duyệt di động • Các ràng buộc chế độ hoạt động thiết bị di động • Phương pháp truy cập Internet chỉnh sửa yêu cầu hồi đáp web (bao gồm việc truy cập Internet bị ngắt quãng) Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 26 KIỂM THỬ TRANG WEB CHO DI ĐỘNG Chọn thiết bị di động dùng để kiểm thử: Việc kiểm thử trang web cho di động đầy đủ yêu cầu phải kiểm tra nhiều phiên trình duyệt di động, mơ-đen thiết bị, hệ điều hành mạng di động khác Tuân theo quy trình sau để chọn tập thiết bị di động mục tiêu cho việc kiểm thử website: • Hãy bắt đầu với tất thiết bị di động mục tiêu website di động • Sắp xếp thiết bị theo nhóm thích ứng nội dung • Sắp xếp thiết bị theo phiên trình duyệt di động Tìm user-agent thiết bị tham khảo CSDL thiết bị để biết phiên trình duyệt Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 27 KIỂM THỬ TRANG WEB CHO DI ĐỘNG • Sắp xếp thiết bị theo phiên hệ điều hành di động Chọn thiết bị cho phiên hệ điều hành để phục vụ cho việc kiểm thử • Sắp xếp thiết bị theo cách thức nhập liệu chế độ hoạt động • Chọn thiết bị mạnh yếu từ danh sách tất thiết bị hỗ trợ • Tập hợp lại danh sách thiết bị từ Bước đến Bước • Hãy đảm bảo thiết bị dùng để kiểm thử Bước nhà vận hành mạng di động mục tiêu hỗ trợ với số lượng hợp lý Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 28 KIỂM THỬ TRANG WEB CHO DI ĐỘNG Kiểm thử thiết bị di động thật: Nhận biết thiết bị di động Chương trình dành cho lập trình viên: Hệ điều hành di động Chương trình dành cho lập trình viên Nokia http://www.forum.nokia Không com/ Sony Ericsson http://developer.sony ericsson.com/ Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động Thiết bị ảo Có, DeviceAnywhere hỗ trợ http://www.deviceanyw here.com/sonyericsson/ welcome.htm 29 KIỂM THỬ TRANG WEB CHO DI ĐỘNG Kiểm thử trình mơ di động: Là giải pháp có độ xác hợp lý Trình mơ kiểm tra xem trang web cho di động có tuân theo chuẩn mã đánh dấu giới hạn kích cỡ tài liệu hỗ trợ thiết bị hay khơng? Việc mơ trình duyệt giúp đánh giá gần cách hiển thị tính khả dụng nội dung web thiết bị xác so với dùng trình duyệt máy tính Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 30 KIỂM THỬ TRANG WEB CHO DI ĐỘNG Kiểm thử trình duyệt máy tính: Là giải pháp hiệu so với kiểm thử trình mơ thiết bị thật Trình duyệt máy tính khơng mơ đặc trưng trình duyệt di động hệ sinh thái di động Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 31 TỔNG KẾT phương pháp để tối ưu hóa mã đánh dấu cho di động: Kỹ thuật hậu xử lý để tối ưu hóa mã đánh dấu di động máy chủ web Đây kỹ thuật thường sử dụng người thiết kế web di động Tối đa hóa khả lưu trữ đệm (cache) Tính hợp lệ điều cần thiết chưa đủ để đảm bảo tài liệu đánh dấu phù hợp với trình duyệt di động Phương pháp tối ưu để kiểm thử web di động: kiểm thử thiết bị di động thật Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 32 ... Tối ưu hóa web server cho trình duyệt di động Kiểm tra tính hợp lệ web trình duyệt di động Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động TỐI ƯU HÓA MÃ WEB DI ĐỘNG TỐI ƯU HÓA MÃ WEB DI. .. - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 17 KIỂM TRA TÍNH HỢP LỆ CỦA MÃ ĐÁNH DẤU WEB DI ĐỘNG KIỂM TRA TÍNH HỢP LỆ CỦA MÃ ĐÁNH DẤU Tầm quan trọng mã đánh dấu hợp lệ trang web cho di động: ... hồi đáp web part100@mydomain.com 100 Slide - Kiểm tra tính hợp lệ tối ưu hóa mã web di động 10 TỐI ƯU HÓA MÃ WEB DI ĐỘNG Tối ưu hóa máy chủ web cho trình duyệt di động: Máy chủ web tối ưu việc