So.sanh.mobile.site.pc.site
Upcoming SlideShare
Loading in...5
×
 

So.sanh.mobile.site.pc.site

on

  • 1,020 views

 

Statistics

Views

Total Views
1,020
Views on SlideShare
1,020
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

So.sanh.mobile.site.pc.site So.sanh.mobile.site.pc.site Presentation Transcript

  • So Sánh Mobile Site và PC Site Nguyen Vu Hung [email_address] 2009/12/21
  • Change History date Author Details 2009/12/21 Vuhung Newly created.
  • So sánh sơ lược PC và Mobile sites
    • PC
      • Đối lập với các hạng mục ở dưới.
    • Mobile
      • Mobile browser là subset của PC browser.
      • Nhiều loại di động, mỗi loại có riêng browser khác nhau. (PC: Nhiều browser).
      • Keyboard, cách input khác.
      • Cách xử lý IME khác PC(nhập tiếng Nhật) (css styles).
      • Màn hình nhỏ (2-3 inches).
        • Get screen resolution từ database (tên mobile -> độ phân giải). PC: Get screen resolution bằng Javascript.
      • Low spec: CPU chậm, memory ít, ít tốn điện -> Chương trình nhỏ, dữ liệu ít.
      • Limit về dung lượng của file HTML
      • Limit về loại ảnh có thể dùng (JPEG: an toàn)
      • Độ phân giải màn hình khác nhau (theo từng loại máy).
      • Dùng các chuẩn HTML khác nhau: HDML , CHTML , MML , HTML , XHTML.
      • Emails
        • Docomo, Au: Tối đa 5000 ký tự
        • Softbank: Tối đa 300KB.
      • Filesize: Tối đa10-20KB
      • Javascript: Không hỗ trợ.
      • Access key: Là phím đặc biệt mà khi nhấn vào phím đó sẽ jump đến link chỉ định.
      • Flash Lite 1.1 (tùy vào mobile, có thể hỗ trợ Flash Lite 2.0)
  • So sánh PC và Mobile PC Session ID Web Server Session1.php session_start(); $_SESSION[“title”] = “test”. Session2.php session_start(); PHP sessions boxes AU,Softbank: Xử lý session giống như trên. Docomo: Phải truyền bằng parameter ở URL từ session1.php sang session2.php
  • Số người sử dụng
    • Năm 2006
      • PC users: 8M.
      • Mobile users: 7M
      • Tương tương nhau.
  • XHTML
    • XHTML
      • Hỗ trợ thẻ DIV
      • Hỗ trợ CSS
    header('Content-Type: application/xhtml+xml;'); Career Hỗ trợ Docomo Các máy FOMA hỗ trợ i-mode, HTML 4.0 trở đi. AU Các máy hỗ trợ WAP 2.0 browser (máy WIN có hỗ trợ). SoftBank Loại C, loại P: Không hỗ trợ XHTML. Loại W, loại 3GC: Hỗ trợ XHTML.
  • So sánh HDML , CHTML , MML , HTML , XHTML
    • TBD
  • Phân biệt career
    • Phân biệt bằng User-Agent (HTTP respond)
      • Fake bằng FireMobileSimulator.
      • Xử lý bằng PHP: http://memorva.jp/memo/mobile/http_user_agent.php
    • Phân biệt bằng địa chỉ IP
      • Khi truy cập web từ mobile, phải đi qua các Internet gateways.
      • Ví dụ: http://adgjm.net/saas/sort.htm
    ***.docomo.ne.jp ***.jp-c.ne.jp ***.ezweb.ne.jp
  • Encodings Career Supported encodings Docomo Shift_JIS Docomo XHTML Shift_JIS , UTF-8 Au Shift_JIS Softbank MML Shift_JIS Softbank HTML Shift_JIS , EUC-JP , ISO-2022 Softbank P4 type, 3GC type Shift_JIS , EUC-JP , ISO-2022 , UTF-8
  • Smileys (Emoji)
    • Hình mặt cười hiển thị trên di động.
    • Khác nhau với từng career.
    • Hiển thị smileys trên PC.
      • http://www.revulo.com/PHP/library/HTML_Emoji.html
    • 作ろう i モードコンテンツ:絵文字記述方法 | サービス・機能 | NTT ドコモ
    • KDDI au: 技術情報 > 絵文字
    • WEB & NETWORK   絵文字一覧 使用方法
  • php.ini
    • Để hỗ trợ smileys, cần các thay đổi sau
    mbstring.encoding_translation = Off mbstring.http_input = pass mbstring.http_output = pass mbstring.internal_encoding = eucJP-win mbstring.detect_order = SJIS-win,eucJP-win,JIS,UTF-8,ASCII
  • Session
    • HTTP là một “stateless protocol”
      • Cần quản lý bằng session
    • Có hai cách quản lý session với mobile
      • Quản lý bằng cookies.
      • Quản lý bằng tham số trong URL.
    ini_set('session.use_cookies', 0); ini_set('session.use_only_cookies', 0); ini_set('session.use_trans_sid', 1); Career Hỗ trợ cookies? Docomo Không hỗ trợ cookies AU Có thể dùng cookies (Session được save ở server,, khi kết nối bằng SSL thì cookie được save vào ccient) Softbank Loại C, P: Không hỗ trợ cookie. Loại W, 3GC: Không hỗ trợ cookies.
  • IME (Nhập tiếng Nhật)
    • Áp dụng cho cả 3 careers.
    • Style khác nhau với từng careers ( istyle, format, mode ).
    function mobileform($key, $agent) {     $docomo = array(         "hiragana" => "1",         "alphabet" => "3",         "numeric"  => "4"     );     $au     = array(         "hiragana" => "*M",         "alphabet" => "*a",         "numeric"  => "*N"     );          if ($agent == 'docomo') { // docomo         return " istyle="".$docomo[$key]."" ";     } elseif ($agent == "softbank") { // softbank         return " mode="".$key."" ";     } elseif ($agent == "au") { // au         return " format="".$au[$key]."" ";     } } $attr = mobileform("hiragana", "docomo"); // istyle ="1" $attr = mobileform("alphabet", "au"); // format ="a" $attr = mobileform("numeric", "softbank"); // mode ="numeric"
  • Search Engine Optimization (SEO)
    • Về cơ bản giống PC.
      • Cần tỉ mỉ chọn keyword và sắp xếp.
    • Target cho từng career khác nhau.
    • Access hit là quan trọng.
    • Kỹ thuật
      • Thêm text cạnh smileys (search engine không hiểu smileys).
      • Đặt topic path (để search engine dễ tìm).
  • Mobile sites testing
    • Mojibake.
    • Smileys.
    • Input chung.
    • Login check.
    • Session check.
    • Kiểm tra trên nhiều browser, độ phân giải khác nhau, chức năng khác nha.
    • Tools:
      • P1 Simulator (http://p1.netfarm.ne.jp/)
      • FireMobileSimulator
  • Tham khảo
    • http://gihyo.jp/dev/serial/01/mobilesite-php/0003
    • http://mobilebeginner.com/
    • http://c-brains.jp/blog/wsg/08/05/22-193020.php