Mobile Web

546 views
530 views

Published on

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

1 Comment
1 Like
Statistics
Notes
  • ممنون از بابت مقاله خوبی که به اشتراک گذاشتید
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
546
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
31
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

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. ‫با تشکر از توجه شما‬

×