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 <ul><li>PC </li></ul><ul><ul><li>Đối lập với các hạng mục ở dưới. </li></ul></ul><ul><l...
So sánh PC và Mobile PC Session ID Web Server Session1.php session_start(); $_SESSION[“title”] = “test”. Session2.php sess...
Số người sử dụng <ul><li>Năm 2006 </li></ul><ul><ul><li>PC users: 8M. </li></ul></ul><ul><ul><li>Mobile users: 7M </li></u...
XHTML <ul><li>XHTML </li></ul><ul><ul><li>Hỗ trợ thẻ DIV </li></ul></ul><ul><ul><li>Hỗ trợ CSS </li></ul></ul>header('Cont...
So sánh HDML , CHTML , MML , HTML , XHTML <ul><li>TBD </li></ul>
Phân biệt career <ul><li>Phân biệt bằng User-Agent (HTTP respond) </li></ul><ul><ul><li>Fake bằng FireMobileSimulator. </l...
Encodings Career Supported encodings Docomo Shift_JIS Docomo XHTML Shift_JIS , UTF-8 Au Shift_JIS Softbank MML Shift_JIS S...
Smileys (Emoji) <ul><li>Hình mặt cười hiển thị trên di động. </li></ul><ul><li>Khác nhau với từng career. </li></ul><ul><l...
php.ini <ul><li>Để hỗ trợ smileys, cần các thay đổi sau </li></ul>mbstring.encoding_translation = Off  mbstring.http_input...
Session <ul><li>HTTP là một “stateless protocol” </li></ul><ul><ul><li>Cần quản lý bằng session </li></ul></ul><ul><li>Có ...
IME (Nhập tiếng Nhật) <ul><li>Áp dụng cho cả 3 careers. </li></ul><ul><li>Style khác nhau với từng careers ( istyle, forma...
Search Engine Optimization (SEO) <ul><li>Về cơ bản giống PC. </li></ul><ul><ul><li>Cần tỉ mỉ chọn keyword và sắp xếp. </li...
Mobile sites testing <ul><li>Mojibake. </li></ul><ul><li>Smileys. </li></ul><ul><li>Input chung. </li></ul><ul><li>Login c...
Tham khảo <ul><li>http://gihyo.jp/dev/serial/01/mobilesite-php/0003 </li></ul><ul><li>http://mobilebeginner.com/ </li></ul...
Upcoming SlideShare
Loading in …5
×

So.sanh.mobile.site.pc.site

874 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
874
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

So.sanh.mobile.site.pc.site

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

×