• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
So.sanh.mobile.site.pc.site
 

So.sanh.mobile.site.pc.site

on

  • 982 views

 

Statistics

Views

Total Views
982
Views on SlideShare
982
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