mobile web
DESCRIPTION
موبایل وب، همایش استانداردهای وب و بستر وب باز ۱۳۹۱TRANSCRIPT
![Page 1: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/1.jpg)
موبایل وب پرهام باغستانی تیسا اینتراکتیو@parhamb
![Page 2: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/2.jpg)
چرا موبایل وب؟
و سریع دسترسی آسان• تعداد کاربران موبایل بیشتر از کامپیوتر است•پوشش شبکه های موبایل بیشتر از زیرساخت های اینترنت •
است
![Page 3: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/3.jpg)
موبایل اپ/ موبایل وب
Mobile App Mobile Web یک موبایل با
:سیستم عامل مثلاندروید یا آی او اس
...یا
هر موبایلی که یک با مرورگر داشته باشد
دسترسی
صفحه نمایش بزرگ و اکثرا لمسی
با هر سایز صفحه نمایش
صفحه نمایش
![Page 4: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/4.jpg)
موبایل/ اینترنت
![Page 5: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/5.jpg)
موبایل وب ؟
به صورت رسمی با تشکیل کارگروه 1996کنسرسیوم وب از سال هایی اقدام به تدوین استانداردهای موبایل وب نمود
http://www.w3.org/Mobile/
![Page 6: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/6.jpg)
تاریخچه موبایل وب
![Page 7: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/7.jpg)
استانداردها
•XHTML Mobile Profile
•CSS Mobile Profile
•SVG Mobile Profile
![Page 8: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/8.jpg)
Best Practices
توسط کنسرسیوم وب دو سند در حوزه موبایل وب ارائه کرد•
•Mobile Web Best Practices
•Mobile Web Application Best Practices
![Page 9: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/9.jpg)
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
![Page 10: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/10.jpg)
Mobile Web Application
•Optimize response time
•Set users free
•Design for flexibility
•Remember Web Principles
•Spare the network
•Exploit mobile- specific features
![Page 11: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/11.jpg)
!mobileOkتست
http://validator.w3.org/mobile/
![Page 12: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/12.jpg)
Mobile Ok! Test
![Page 13: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/13.jpg)
چگونه یک صفحه موبایل وب بسازیم
![Page 14: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/14.jpg)
Mobile Web & CSS for Handheld
<link rel="stylesheet" href="site.css" media="screen" />
<link rel="stylesheet" href="mobile.css" media="handheld" />
![Page 15: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/15.jpg)
Responsive Web Design
![Page 16: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/16.jpg)
مرورگرها
عدد 100تعداد مرورگرهای موبایل بیش از •
![Page 17: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/17.jpg)
آینده و موقعیت ها
![Page 18: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/18.jpg)
بنیاد وب و موبایل وب در آفریقا
بنیاد وب؟•
توسط بنیاد وب Mobilityراه اندازی پروژه •
![Page 19: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/19.jpg)
پروژه موبایل وب آفریقا
کنیا• بورکینافاسو• غنا• تانزانیا• روآندا••...
![Page 20: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/20.jpg)
کامپیوتر در مقابل موبایل در آفریقا
![Page 21: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/21.jpg)
اجرای پروژه موبایل وب در آفریقا
ضریب نفوذ پایین کامپیوتر • در مقابل موبایل
مشکالت زیر ساختی•
مشکالت فقر و فرهنگی در •
آفریقا
![Page 22: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/22.jpg)
موبایل وب در ایران
![Page 23: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/23.jpg)
موبایل وب در ایران
عدم نمایش صحیح بسیاری از وب سایتها در موبایل•
دسترسی سریع بدون نیاز به دفاتر خدماتی•
کاربری آسان توسط همه افراد•
Accessibility
![Page 24: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/24.jpg)
وضعیت نمایش
بررسی وضعیت نمایش وب سایت های ایرانی پر بازدید در موبایل
پست جمهوری اسالمی ایران• بانک ملی ایران• همراه اول• ایرانسل• خبرگزاری مهر•
![Page 25: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/25.jpg)
شهرداری تهران
http://mobile.tehran.ir
![Page 26: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/26.jpg)
همراه اول
http://www.mci.ir/web/mobile/...
![Page 27: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/27.jpg)
پست
![Page 28: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/28.jpg)
خبرگزاری مهر
![Page 29: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/29.jpg)
بانک ملی ایران
![Page 30: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/30.jpg)
ایرانسل
![Page 31: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/31.jpg)
دلیل؟
عدم آشنایی با استانداردهای
وب در زمینه موبایل وب
![Page 32: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/32.jpg)
پروژه های موبایل وب
•Mobile Web Alliance
•Mobi Web App Europa
•Opera Mobile
![Page 33: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/33.jpg)
Mobile Webآموزش
برگزاری دوره های آموزشی توسط کنسرسیوم جهانی وب •W3C یادگیری الکترونیکی/ به صورت آن الین
•W3 Dev Campus
بزودی به زبان فارسی در ایران•
![Page 34: Mobile Web](https://reader036.vdocuments.site/reader036/viewer/2022081401/558e15c51a28aba0788b459b/html5/thumbnails/34.jpg)
با تشکر از توجه شما