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

1. ‫موبایل وب‬
‫پرهام باغستانی‬
‫تیسا اینتراکتیو‬
‫‪@parhamb‬‬

2. ‫چرا موبایل وب؟‬
‫• دسترسی آسان و سریع‬
‫• تعداد کاربران موبایل بیشتر از کامپیوتر است‬
‫• پوشش شبکه های موبایل بیشتر از زیرساخت های اینترنت‬
‫است‬

3. ‫موبایل وب / موبایل اپ‬
‫‪Mobile App‬‬ ‫‪Mobile Web‬‬
‫یک موبایل با‬ ‫با هر موبایلی که یک‬ ‫دسترسی‬
‫مرورگر داشته باشد سیستم عامل مثل:‬
‫اندروید یا آی او اس‬
‫یا ...‬
‫با هر سایز صفحه صفحه نمایش بزرگ‬ ‫صفحه نمایش‬
‫و اکثرا لمسی‬ ‫نمایش‬

4. ‫اینترنت / موبایل‬

5. ‫موبایل وب ؟‬
‫کنسرسیوم وب از سال 6991 به صورت رسمی با تشکیل کارگروه‬
‫هایی اقدام به تدوین استانداردهای موبایل وب نمود‬
‫/‪http://www.w3.org/Mobile‬‬

6. ‫تاریخچه موبایل وب‬

7. ‫استانداردها‬
XHTML Mobile Profile •
CSS Mobile Profile •
SVG Mobile Profile •

8. Best Practices
‫• توسط کنسرسیوم وب دو سند در حوزه موبایل وب ارائه کرد‬
Mobile Web Best Practices •
Mobile Web Application Best Practices •

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. Mobile Web Application
Optimize response time •
Set users free •
Design for flexibility •
Remember Web Principles •
Spare the network •
Exploit mobile- specific features •

11. mobileOk! ‫تست‬
http://validator.w3.org/mobile/

12. Mobile Ok! Test

13. ‫چگونه یک صفحه موبایل وب‬
‫بسازیم‬

14. Mobile Web & CSS for
Handheld
<link rel="stylesheet" href="site.css" media="screen" />
<link rel="stylesheet" href="mobile.css" media="handheld" />

15. Responsive Web Design

16. ‫مرورگرها‬
‫• تعداد مرورگرهای موبایل بیش از 001 عدد‬

17. ‫آینده و موقعیت ها‬

18. ‫بنیاد وب و موبایل وب در آفریقا‬
‫• بنیاد وب؟‬
‫• راه اندازی پروژه ‪ Mobility‬توسط بنیاد وب‬

19. ‫پروژه موبایل وب آفریقا‬
‫کنیا‬ ‫•‬
‫بورکینافاسو‬ ‫•‬
‫غنا‬ ‫•‬
‫تانزانیا‬ ‫•‬
‫روآندا‬ ‫•‬
‫• ...‬

20. ‫کامپیوتر در مقابل موبایل در آفریقا‬

21. ‫اجرای پروژه موبایل وب در آفریقا‬
‫• ضریب نفوذ پایین کامپیوتر‬
‫در مقابل موبایل‬
‫• مشکالت زیر ساختی‬
‫• مشکالت فقر و فرهنگی در‬
‫آفریقا‬

22. ‫موبایل وب در ایران‬

23. ‫موبایل وب در ایران‬
‫• عدم نمایش صحیح بسیاری از وب سایتها در موبایل‬
‫• دسترسی سریع بدون نیاز به دفاتر خدماتی‬
‫• کاربری آسان توسط همه افراد‬
‫‪Accessibility‬‬

24. ‫وضعیت نمایش‬
‫بررسی وضعیت نمایش وب سایت های ایرانی پر بازدید در موبایل‬
‫پست جمهوری اسالمی ایران‬ ‫•‬
‫بانک ملی ایران‬ ‫•‬
‫همراه اول‬ ‫•‬
‫ایرانسل‬ ‫•‬
‫خبرگزاری مهر‬ ‫•‬

25. ‫شهرداری تهران‬
http://mobile.tehran.ir

26. ‫همراه اول‬
http://www.mci.ir/web/mobile/...

27. ‫پست‬

28. ‫خبرگزاری مهر‬

29. ‫بانک ملی ایران‬

30. ‫ایرانسل‬

31. ‫دلیل؟‬
‫عدم آشنایی با استانداردهای‬
‫وب در زمینه موبایل وب‬

32. ‫پروژه های موبایل وب‬
Mobile Web Alliance •
Mobi Web App Europa •
Opera Mobile •

33. ‫آموزش ‪Mobile Web‬‬
‫• برگزاری دوره های آموزشی توسط کنسرسیوم جهانی وب‬
‫‪ W3C‬به صورت آن الین / یادگیری الکترونیکی‬
‫• ‪W3 Dev Campus‬‬
‫• بزودی به زبان فارسی در ایران‬

34. ‫با تشکر از توجه شما‬