Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
‫موبایل وب‬   ‫پرهام باغستانی‬   ‫تیسا اینتراکتیو‬    ‫‪@parhamb‬‬
‫چرا موبایل وب؟‬                                ‫• دسترسی آسان و سریع‬             ‫• تعداد کاربران موبایل بیشتر از کامپیو...
‫موبایل وب / موبایل اپ‬  ‫‪Mobile App‬‬         ‫‪Mobile Web‬‬  ‫یک موبایل با‬      ‫با هر موبایلی که یک‬    ‫دسترسی‬‫مرور...
‫اینترنت / موبایل‬
‫موبایل وب ؟‬‫کنسرسیوم وب از سال 6991 به صورت رسمی با تشکیل کارگروه‬           ‫هایی اقدام به تدوین استانداردهای موبایل وب...
‫تاریخچه موبایل وب‬
‫استانداردها‬XHTML Mobile Profile •   CSS Mobile Profile •  SVG Mobile Profile •
Best Practices‫• توسط کنسرسیوم وب دو سند در حوزه موبایل وب ارائه کرد‬                     Mobile Web Best Practices •     ...
Mobile Web            Design for One Web •         Rely on Web standards • Stay away from known hazards •Be cautious of de...
Mobile Web Application            Optimize response time •                      Set users free •                Design for...
mobileOk! ‫تست‬http://validator.w3.org/mobile/
Mobile Ok! Test
‫چگونه یک صفحه موبایل وب‬                 ‫بسازیم‬
Mobile Web & CSS for                            Handheld<link rel="stylesheet" href="site.css" media="screen" /><link rel=...
Responsive Web Design
‫مرورگرها‬‫• تعداد مرورگرهای موبایل بیش از 001 عدد‬
‫آینده و موقعیت ها‬
‫بنیاد وب و موبایل وب در آفریقا‬                                 ‫• بنیاد وب؟‬   ‫• راه اندازی پروژه ‪ Mobility‬توسط بنیاد...
‫پروژه موبایل وب آفریقا‬                     ‫کنیا‬   ‫•‬             ‫بورکینافاسو‬    ‫•‬                      ‫غنا‬   ‫•...
‫کامپیوتر در مقابل موبایل در آفریقا‬
‫اجرای پروژه موبایل وب در آفریقا‬              ‫• ضریب نفوذ پایین کامپیوتر‬                        ‫در مقابل موبایل‬      ...
‫موبایل وب در ایران‬
‫موبایل وب در ایران‬‫• عدم نمایش صحیح بسیاری از وب سایتها در موبایل‬        ‫• دسترسی سریع بدون نیاز به دفاتر خدماتی‬     ...
‫وضعیت نمایش‬‫بررسی وضعیت نمایش وب سایت های ایرانی پر بازدید در موبایل‬                             ‫پست جمهوری اسالمی ایر...
‫شهرداری تهران‬http://mobile.tehran.ir
‫همراه اول‬http://www.mci.ir/web/mobile/...
‫پست‬
‫خبرگزاری مهر‬
‫بانک ملی ایران‬
‫ایرانسل‬
‫دلیل؟‬‫عدم آشنایی با استانداردهای‬  ‫وب در زمینه موبایل وب‬
‫پروژه های موبایل وب‬    Mobile Web Alliance •  Mobi Web App Europa •          Opera Mobile •
‫آموزش ‪Mobile Web‬‬‫• برگزاری دوره های آموزشی توسط کنسرسیوم جهانی وب‬         ‫‪ W3C‬به صورت آن الین / یادگیری الکترونیکی...
‫با تشکر از توجه شما‬
Upcoming SlideShare
Loading in …5
×

Mobile Web

711 views

Published on

موبایل وب، همایش استانداردهای وب و بستر وب باز ۱۳۹۱

  • ممنون از بابت مقاله خوبی که به اشتراک گذاشتید
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Mobile Web

  1. 1. ‫موبایل وب‬ ‫پرهام باغستانی‬ ‫تیسا اینتراکتیو‬ ‫‪@parhamb‬‬
  2. 2. ‫چرا موبایل وب؟‬ ‫• دسترسی آسان و سریع‬ ‫• تعداد کاربران موبایل بیشتر از کامپیوتر است‬‫• پوشش شبکه های موبایل بیشتر از زیرساخت های اینترنت‬ ‫است‬
  3. 3. ‫موبایل وب / موبایل اپ‬ ‫‪Mobile App‬‬ ‫‪Mobile Web‬‬ ‫یک موبایل با‬ ‫با هر موبایلی که یک‬ ‫دسترسی‬‫مرورگر داشته باشد سیستم عامل مثل:‬‫اندروید یا آی او اس‬ ‫یا ...‬‫با هر سایز صفحه صفحه نمایش بزرگ‬ ‫صفحه نمایش‬ ‫و اکثرا لمسی‬ ‫نمایش‬
  4. 4. ‫اینترنت / موبایل‬
  5. 5. ‫موبایل وب ؟‬‫کنسرسیوم وب از سال 6991 به صورت رسمی با تشکیل کارگروه‬ ‫هایی اقدام به تدوین استانداردهای موبایل وب نمود‬ ‫/‪http://www.w3.org/Mobile‬‬
  6. 6. ‫تاریخچه موبایل وب‬
  7. 7. ‫استانداردها‬XHTML Mobile Profile • CSS Mobile Profile • SVG Mobile Profile •
  8. 8. Best Practices‫• توسط کنسرسیوم وب دو سند در حوزه موبایل وب ارائه کرد‬ Mobile Web Best Practices • Mobile Web Application Best Practices •
  9. 9. Mobile Web Design for One Web • Rely on Web standards • Stay away from known hazards •Be cautious of device limitations • Optimize navigation • Check graphics & colors • Keep it small • Use the network sparingly • Help & guide user input • Think of users on the go •
  10. 10. Mobile Web Application Optimize response time • Set users free • Design for flexibility • Remember Web Principles • Spare the network • Exploit mobile- specific features •
  11. 11. mobileOk! ‫تست‬http://validator.w3.org/mobile/
  12. 12. Mobile Ok! Test
  13. 13. ‫چگونه یک صفحه موبایل وب‬ ‫بسازیم‬
  14. 14. Mobile Web & CSS for Handheld<link rel="stylesheet" href="site.css" media="screen" /><link rel="stylesheet" href="mobile.css" media="handheld" />
  15. 15. Responsive Web Design
  16. 16. ‫مرورگرها‬‫• تعداد مرورگرهای موبایل بیش از 001 عدد‬
  17. 17. ‫آینده و موقعیت ها‬
  18. 18. ‫بنیاد وب و موبایل وب در آفریقا‬ ‫• بنیاد وب؟‬ ‫• راه اندازی پروژه ‪ Mobility‬توسط بنیاد وب‬
  19. 19. ‫پروژه موبایل وب آفریقا‬ ‫کنیا‬ ‫•‬ ‫بورکینافاسو‬ ‫•‬ ‫غنا‬ ‫•‬ ‫تانزانیا‬ ‫•‬ ‫روآندا‬ ‫•‬ ‫• ...‬
  20. 20. ‫کامپیوتر در مقابل موبایل در آفریقا‬
  21. 21. ‫اجرای پروژه موبایل وب در آفریقا‬ ‫• ضریب نفوذ پایین کامپیوتر‬ ‫در مقابل موبایل‬ ‫• مشکالت زیر ساختی‬ ‫• مشکالت فقر و فرهنگی در‬ ‫آفریقا‬
  22. 22. ‫موبایل وب در ایران‬
  23. 23. ‫موبایل وب در ایران‬‫• عدم نمایش صحیح بسیاری از وب سایتها در موبایل‬ ‫• دسترسی سریع بدون نیاز به دفاتر خدماتی‬ ‫• کاربری آسان توسط همه افراد‬ ‫‪Accessibility‬‬
  24. 24. ‫وضعیت نمایش‬‫بررسی وضعیت نمایش وب سایت های ایرانی پر بازدید در موبایل‬ ‫پست جمهوری اسالمی ایران‬ ‫•‬ ‫بانک ملی ایران‬ ‫•‬ ‫همراه اول‬ ‫•‬ ‫ایرانسل‬ ‫•‬ ‫خبرگزاری مهر‬ ‫•‬
  25. 25. ‫شهرداری تهران‬http://mobile.tehran.ir
  26. 26. ‫همراه اول‬http://www.mci.ir/web/mobile/...
  27. 27. ‫پست‬
  28. 28. ‫خبرگزاری مهر‬
  29. 29. ‫بانک ملی ایران‬
  30. 30. ‫ایرانسل‬
  31. 31. ‫دلیل؟‬‫عدم آشنایی با استانداردهای‬ ‫وب در زمینه موبایل وب‬
  32. 32. ‫پروژه های موبایل وب‬ Mobile Web Alliance • Mobi Web App Europa • Opera Mobile •
  33. 33. ‫آموزش ‪Mobile Web‬‬‫• برگزاری دوره های آموزشی توسط کنسرسیوم جهانی وب‬ ‫‪ W3C‬به صورت آن الین / یادگیری الکترونیکی‬ ‫• ‪W3 Dev Campus‬‬ ‫• بزودی به زبان فارسی در ایران‬
  34. 34. ‫با تشکر از توجه شما‬

×