Transcript
Page 1: Mobile Web Apps vs. Hybrid Apps
Page 2: Mobile Web Apps vs. Hybrid Apps

سالم!

Page 3: Mobile Web Apps vs. Hybrid Apps
Page 4: Mobile Web Apps vs. Hybrid Apps

۱: وب سایت های ریسپانسیو

۲: وب اپ ها

۳: اپلیکیشن های محلی با تکنولوژی وب

Page 5: Mobile Web Apps vs. Hybrid Apps

وب سایت های ریسپانسیو

Page 6: Mobile Web Apps vs. Hybrid Apps

وب سایت های ریسپانسیو

مشکالت وب سایت های قدیمی:

Page 7: Mobile Web Apps vs. Hybrid Apps

وب سایت های ریسپانسیو

راه حل:

CSS3 Media Queries

1 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){ 2 header h1{3 background-image: url(../img/[email protected]);4 background-size: 100%;5 }6 }

1 @media only screen and (max-width: 480px) {2 body{3 padding-right: 6%;4 padding-left: 6%;5 }6 }

Page 8: Mobile Web Apps vs. Hybrid Apps

وب سایت های ریسپانسیو

نتیجه:

Page 9: Mobile Web Apps vs. Hybrid Apps
Page 10: Mobile Web Apps vs. Hybrid Apps

وب سایت های ریسپانسیو

منابع آموزشی:

p5x.co/18716 p5x.co/18717

Page 11: Mobile Web Apps vs. Hybrid Apps

وب اپلیکیشن ها

Page 12: Mobile Web Apps vs. Hybrid Apps

مشکالت اپ های محلی:

وب اپلیکیشن ها

Grid Designed by Alex Fuller   Android Designed by The Art of E  

سختی ثبت درفروشگاه های

نرم افزار

سختی توسعه برای پلتفرم های

مختلف

سختی یادگیری زبانهای برنامه نویسی موبایل

Tools Designed by Cris Dobbins  iPhone Designed by George Agpoon  

Page 13: Mobile Web Apps vs. Hybrid Apps

راه حل:

وب اپلیکیشن ها

CSS3

HTML5

JavaScript

+

اینترنت!

Page 14: Mobile Web Apps vs. Hybrid Apps

تکنولوژی های مرتبط:

وب اپلیکیشن ها

Page 15: Mobile Web Apps vs. Hybrid Apps

نتیجه:

وب اپلیکیشن ها

Page 16: Mobile Web Apps vs. Hybrid Apps

مشکالت:

وب اپلیکیشن ها

۱: سرعت پایین اجرا در دستگاه های قدیمی تر

۲: عدم دسترسی به امکانات کامل دستگاه

۳: ضروری بودن اتصال به اینترنت

):

Page 17: Mobile Web Apps vs. Hybrid Apps

وب سایت های ریسپانسیو

منابع آموزشی:

p5x.co/18722 p5x.co/18723 p5x.co/18724

Page 18: Mobile Web Apps vs. Hybrid Apps

اپلیکیشن محلی با تکنولوژی وب(هایبرید)

Page 19: Mobile Web Apps vs. Hybrid Apps

مشکالت وب اپ ها:

Grid Designed by Alex Fuller   GPS From the Noun Project

ضروری بودن اتصال به اینترنت

عدم امکان ثبت در فروشگاه های

نرم افزار

عدم دسترسی به امکانات

کامل دستگاه

اپلیکیشن های هایبرید

Page 20: Mobile Web Apps vs. Hybrid Apps

اپلیکیشن های هایبرید

راه حل:

CSS3

HTML5

JavaScript

+

فریمورک هایبرید

Page 21: Mobile Web Apps vs. Hybrid Apps

اپلیکیشن های هایبرید:

Page 22: Mobile Web Apps vs. Hybrid Apps

نتیجه:

اپلیکیشن های هایبرید

Page 23: Mobile Web Apps vs. Hybrid Apps

وب سایت های ریسپانسیو

منابع آموزشی:

p5x.co/18727 p5x.co/18728 p5x.co/18726

Page 24: Mobile Web Apps vs. Hybrid Apps

SallarSallar.me

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

[email protected]


Top Related