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.

توسعه، از وب تا پلتفرم‌های دیگر

1,379 views

Published on

توسعه نرم افزار در هر پلتفرم بنا بر شرایط محیطی آن امری متفاوت و پردردسر است. از سال‌های پیش نرم‌افزار‌های مبتنی بر وب به عنوان راهکاری برای تولید یک مرحله‌ای نرم‌افزار برای چند پلتفرم مطرح گردیده‌اند، اما در واقعیت توسعه این نرم‌افزار‌ها دستکمی از پیچیدگی برنامه‌های Native ندارد. با بررسی چند نمونه، امکان پذیری این امر را با هم بررسی می‌کنیم.

Published in: Education
  • Be the first to comment

توسعه، از وب تا پلتفرم‌های دیگر

  1. 1. @faridarzpeyma | ‫دﯾﮕﺮ‬ ‫ﭘﻠﺘﻔﺮمﻫﺎی‬ ‫ﺗﺎ‬ ‫وب‬ ‫از‬ ،‫ﺗﻮﺳﻌﻪ‬ ‫ﭘﯿﻤﺎ‬ ‫ارض‬ ‫ﻓﺮﯾﺪ‬
  2. 2. ‫ﭘﻠﺘﻔﺮمﻫﺎ‬ ‫ﺗﻨﻮع‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﭘﻠﺘﻔﺮمﻫﺎ‬ ‫اﻧﻮاع‬ ‫ﺗﻮزﯾﻊ‬
  3. 3. ‫ﭘﻠﺘﻔﺮمﻫﺎ‬ ‫ﺗﻨﻮع‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﭘﻠﺘﻔﺮمﻫﺎ‬ ‫اﻧﻮاع‬ ‫ﺗﻮزﯾﻊ‬
  4. 4. ‫ﺗﮑﻨﻮﻟﻮژی‬ ‫اﻓﺴﺎﻧﻪای‬ ‫ﻗﻠﻮﻫﺎی‬ ‫ﺳﻪ‬ ‫ﺑﺎ‬ Cross Platform ‫ﻣﺤﺘﻮای‬ ‫ﺗﻮﻟﯿﺪ‬
  5. 5. Runtime - Webkit CROSS PLATFORM ‫ﻣﻌﻤﺎری‬ ‫ﺳﯿﺴﺘﻢﻫﺎ‬ ‫اﯾﻦ‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫اﺟﺰای‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ HTML Application CSS JavaScript Resources IPC Bridge Platform Service Layer Platform APIs Node.js
  6. 6. Runtime - Webkit CROSS PLATFORM ‫ﻣﻌﻤﺎری‬ ‫ﺳﯿﺴﺘﻢﻫﺎ‬ ‫اﯾﻦ‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫اﺟﺰای‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ HTML Application CSS JavaScript Resources IPC Bridge Platform Service Layer Platform APIs Node.js
  7. 7. Runtime - Webkit CROSS PLATFORM ‫ﻣﻌﻤﺎری‬ ‫ﺳﯿﺴﺘﻢﻫﺎ‬ ‫اﯾﻦ‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫اﺟﺰای‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ HTML Application CSS JavaScript Resources IPC Bridge Platform Service Layer Platform APIs Node.js
  8. 8. Runtime - Webkit CROSS PLATFORM ‫ﻣﻌﻤﺎری‬ ‫ﺳﯿﺴﺘﻢﻫﺎ‬ ‫اﯾﻦ‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫اﺟﺰای‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ HTML Application CSS JavaScript Resources IPC Bridge Platform Service Layer Platform APIs Node.js
  9. 9. Runtime - Webkit CROSS PLATFORM ‫ﻣﻌﻤﺎری‬ ‫ﺳﯿﺴﺘﻢﻫﺎ‬ ‫اﯾﻦ‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫اﺟﺰای‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ HTML Application CSS JavaScript Resources IPC Bridge Platform Service Layer Platform APIs Node.js Onlin
  10. 10. Runtime - Webkit CROSS PLATFORM ‫ﻣﻌﻤﺎری‬ ‫ﺳﯿﺴﺘﻢﻫﺎ‬ ‫اﯾﻦ‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫اﺟﺰای‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ HTML Application CSS JavaScript Resources IPC Bridge Platform Service Layer Platform APIs Node.js Onlin
  11. 11. Runtime - Webkit CROSS PLATFORM ‫ﻣﻌﻤﺎری‬ ‫ﺳﯿﺴﺘﻢﻫﺎ‬ ‫اﯾﻦ‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫اﺟﺰای‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ HTML Application CSS JavaScript Resources IPC Bridge Platform Service Layer Platform APIs Node.js Online Services
  12. 12. ‫ﻫﻮﺷﻤﻨﺪاﻧﻪ‬ ‫ﮐﺪﻧﻮﯾﺴﯽ‬ ‫ﮐﻦ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺟﺎ‬ ‫ﻫﻤﻪ‬ ‫ﺑﻨﻮﯾﺲ‬ ‫ﺑﺎر‬ ‫ﯾﮏ‬ The Other Platfo Platform Projec Yet Another Pla …….. Master ProjectMaster Compiler Platform Specific Comp Different Environment C
  13. 13. ‫ﻫﻮﺷﻤﻨﺪاﻧﻪ‬ ‫ﮐﺪﻧﻮﯾﺴﯽ‬ ‫ﮐﻦ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺟﺎ‬ ‫ﻫﻤﻪ‬ ‫ﺑﻨﻮﯾﺲ‬ ‫ﺑﺎر‬ ‫ﯾﮏ‬ Master Project The Other Platform Project Platform Project Yet Another Platform Project …….. Master Compiler Platform Specific Compiler Different Environment Configuration
  14. 14. ‫ﻫﻮﺷﻤﻨﺪاﻧﻪ‬ ‫ﮐﺪﻧﻮﯾﺴﯽ‬ ‫ﮐﻦ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺟﺎ‬ ‫ﻫﻤﻪ‬ ‫ﺑﻨﻮﯾﺲ‬ ‫ﺑﺎر‬ ‫ﯾﮏ‬ Master Project The Other Platform Project Platform Project Yet Another Platform Project …….. Master Compiler Platform Specific Compiler Different Environment Configuration
  15. 15. WEBKIT ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ﻣﯽﮐﻨﯿﻢ‬ ‫ﮐﺎر‬ Cross Webkit ‫ﻣﻌﻤﻮﻻ‬ Cross Browser ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺠﺎی‬
  16. 16. WEBKIT ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ﻣﯽﮐﻨﯿﻢ‬ ‫ﮐﺎر‬ Cross Webkit ‫ﻣﻌﻤﻮﻻ‬ Cross Browser ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺠﺎی‬
  17. 17. WEBKIT ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ﻣﯽﮐﻨﯿﻢ‬ ‫ﮐﺎر‬ Cross Webkit ‫ﻣﻌﻤﻮﻻ‬ Cross Browser ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺠﺎی‬
  18. 18. WEBKIT ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ﻣﯽﮐﻨﯿﻢ‬ ‫ﮐﺎر‬ Cross Webkit ‫ﻣﻌﻤﻮﻻ‬ Cross Browser ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺠﺎی‬
  19. 19. WEBKIT ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬ ‫ﻣﯽﮐﻨﯿﻢ‬ ‫ﮐﺎر‬ Cross Webkit ‫ﻣﻌﻤﻮﻻ‬ Cross Browser ‫ﻃﺮاﺣﯽ‬ ‫ﺑﺠﺎی‬
  20. 20. ‫ﺟﺎ‬ ‫ﻫﻤﻪ‬ ‫اﺳﮑﺮﯾﭙﺖ‬ ‫ﺟﺎوا‬ Node.js ‫ﺗﻮﺳﻂ‬ ‫ﻋﺎﻣﻞ‬ ‫ﺳﯿﺴﺘﻢ‬ ‫ﻫﺎی‬ API ‫ﺑﺎ‬ ‫ارﺗﺒﺎط‬ V8 Javascript Engine OS Wrapper Layer
  21. 21. ‫وب‬ ‫ﺑﻪ‬ ‫اﺗﺼﺎل‬ ‫وﺑﯽ‬ ‫ﺳﺮوﯾﺲﻫﺎی‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫اﻃﻼﻋﺎت‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬
  22. 22. ‫وب‬ ‫ﺑﻪ‬ ‫اﺗﺼﺎل‬ ‫وﺑﯽ‬ ‫ﺳﺮوﯾﺲﻫﺎی‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫اﻃﻼﻋﺎت‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬
  23. 23. ‫وب‬ ‫ﺑﻪ‬ ‫اﺗﺼﺎل‬ ‫وﺑﯽ‬ ‫ﺳﺮوﯾﺲﻫﺎی‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫اﻃﻼﻋﺎت‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ Restful Services
  24. 24. ‫ﻣﺤﯿﻄﯽ‬ ‫ﺳﺮوﯾﺲﻫﺎی‬ ‫ﺑﻪ‬ ‫اﺗﺼﺎل‬ ‫ﭘﻠﺘﻔﺮم‬ ‫ﻫﺮ‬ ‫ﺑﺎ‬ ‫ﻣﺮﺗﺒﻂ‬ ‫ﺳﺮوﯾﺲﻫﺎی‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬
  25. 25. ‫وب‬ ‫ﺑﻪ‬ ‫اﺗﺼﺎل‬ ‫وﺑﯽ‬ ‫ﺳﺮوﯾﺲﻫﺎی‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫اﻃﻼﻋﺎت‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ Platform APIs File System Window Manager System Pref. ….
  26. 26. ‫آﻓﻼﯾﻦ‬ ‫و‬ ‫آﻧﻼﯾﻦ‬ ‫اﯾﻨﺘﺮﻧﺖ‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺪون‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬
  27. 27. ‫آﻓﻼﯾﻦ‬ ‫و‬ ‫آﻧﻼﯾﻦ‬ ‫اﯾﻨﺘﺮﻧﺖ‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺪون‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﻣﯿﺴﺮ‬ ‫وﻟﯽ‬ ‫ﻣﺤﺪود‬ ‫دﺳﺘﺮﺳﯽ‬
  28. 28. ‫اﻣﻨﯿﺖ‬ ‫آن‬ ‫ﺑﻪ‬ ‫آﺳﺎن‬ ‫دﺳﺘﺮﺳﯽ‬ ‫و‬ ‫ﻣﺤﺘﻮا‬ ‫رﻣﺰﻧﮕﺎری‬
  29. 29. ‫اﻣﻨﯿﺖ‬ ‫آن‬ ‫ﺑﻪ‬ ‫آﺳﺎن‬ ‫دﺳﺘﺮﺳﯽ‬ ‫و‬ ‫ﻣﺤﺘﻮا‬ ‫رﻣﺰﻧﮕﺎری‬
  30. 30. ‫اﻣﻨﯿﺖ‬ ‫آن‬ ‫ﺑﻪ‬ ‫آﺳﺎن‬ ‫دﺳﺘﺮﺳﯽ‬ ‫و‬ ‫ﻣﺤﺘﻮا‬ ‫رﻣﺰﻧﮕﺎری‬
  31. 31. ‫اﻣﻨﯿﺖ‬ ‫آن‬ ‫ﺑﻪ‬ ‫آﺳﺎن‬ ‫دﺳﺘﺮﺳﯽ‬ ‫و‬ ‫ﻣﺤﺘﻮا‬ ‫رﻣﺰﻧﮕﺎری‬
  32. 32. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬
  33. 33. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬
  34. 34. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ Mouse ‫ﺑﺎ‬ ‫ﺣﺮﮐﺖ‬
  35. 35. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ Mouse ‫ﺑﺎ‬ ‫ﺣﺮﮐﺖ‬
  36. 36. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ Mouse ‫ﺑﺎ‬ ‫ﺣﺮﮐﺖ‬
  37. 37. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬
  38. 38. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ Keyboard ‫ﺑﺎ‬ ‫ﺣﺮﮐﺖ‬
  39. 39. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ Keyboard ‫ﺑﺎ‬ ‫ﺣﺮﮐﺖ‬
  40. 40. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ ‫ﺟﻬﺖ‬ ‫ﭼﻬﺎر‬ ‫در‬ ‫ﺣﺮﮐﺖ‬
  41. 41. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬
  42. 42. ‫ﺧﻮدﻣﺎن‬ NAVIGATION ‫ﯾﺎ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﻣﯽدﻫﻨﺪ‬ ‫ﻗﺮار‬ ‫ﺷﻤﺎ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫روشﻫﺎی‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﺑﺰارﻫﺎی‬ Swipe ‫ﯾﺎ‬ ‫ﺻﻔﺤﻪ‬ ‫روی‬ ‫اﻧﮕﺸﺖ‬ ‫ﺣﺮﮐﺖ‬
  43. 43. ‫دور‬ ‫راه‬ ‫از‬ ‫ﻋﯿﺐﯾﺎﺑﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻣﺸﮑﻼت‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﺮای‬ Remote Debuging ‫از‬ ‫اﺳﺘﻔﺎده‬ Log Mess Warning Errors
  44. 44. ‫دور‬ ‫راه‬ ‫از‬ ‫ﻋﯿﺐﯾﺎﺑﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻣﺸﮑﻼت‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﺮای‬ Remote Debuging ‫از‬ ‫اﺳﺘﻔﺎده‬ Log Message Warnings Errors
  45. 45. ‫دور‬ ‫راه‬ ‫از‬ ‫ﻋﯿﺐﯾﺎﺑﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻣﺸﮑﻼت‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﺮای‬ Remote Debuging ‫از‬ ‫اﺳﺘﻔﺎده‬ Log Message Warnings Errors
  46. 46. ‫دور‬ ‫راه‬ ‫از‬ ‫ﻋﯿﺐﯾﺎﺑﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻣﺸﮑﻼت‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﺮای‬ Remote Debuging ‫از‬ ‫اﺳﺘﻔﺎده‬ Log Message Warnings Errors
  47. 47. ‫دور‬ ‫راه‬ ‫از‬ ‫ﻋﯿﺐﯾﺎﺑﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻣﺸﮑﻼت‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﺮای‬ Remote Debuging ‫از‬ ‫اﺳﺘﻔﺎده‬ Log Message Warnings Errors
  48. 48. ‫دور‬ ‫راه‬ ‫از‬ ‫ﻋﯿﺐﯾﺎﺑﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻣﺸﮑﻼت‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﺮای‬ Remote Debuging ‫از‬ ‫اﺳﺘﻔﺎده‬ Log Message Warnings Errors
  49. 49. ‫دور‬ ‫راه‬ ‫از‬ ‫ﻋﯿﺐﯾﺎﺑﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻣﺸﮑﻼت‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﺮای‬ Remote Debuging ‫از‬ ‫اﺳﺘﻔﺎده‬ Log Message Warnings Errors
  50. 50. ‫ﺑﻨﺪی‬ ‫ﻧﺴﺨﻪ‬ ‫ﻧﺮماﻓﺰار‬ ‫ﺑﻨﺪی‬ ‫ﻧﺴﺨﻪ‬ ‫ﻣﻨﺎﺳﺐ‬ ‫روش‬ 1 0 0 Major Change Minor Change Patch ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫اوﻟﯿﻪ‬ ‫ﻧﺴﺨﻪ‬ ‫ﺗﻮﻟﯿﺪ‬ 1.0.0 ‫ﺷﺪه‬ ‫ﮔﺰارش‬ ‫ﮐﻮﭼﮏ‬ ‫ﻣﺸﮑﻼت‬ ‫رﻓﻊ‬ 1.0.1
  51. 51. ‫ﺑﻨﺪی‬ ‫ﻧﺴﺨﻪ‬ ‫ﻧﺮماﻓﺰار‬ ‫ﺑﻨﺪی‬ ‫ﻧﺴﺨﻪ‬ ‫ﻣﻨﺎﺳﺐ‬ ‫روش‬ 1 0 1 Major Change Minor Change Patch ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫اوﻟﯿﻪ‬ ‫ﻧﺴﺨﻪ‬ ‫ﺗﻮﻟﯿﺪ‬ 1.0.0 ‫ﺷﺪه‬ ‫ﮔﺰارش‬ ‫ﮐﻮﭼﮏ‬ ‫ﻣﺸﮑﻼت‬ ‫رﻓﻊ‬ 1.0.1
  52. 52. ‫ﺑﻨﺪی‬ ‫ﻧﺴﺨﻪ‬ ‫ﻧﺮماﻓﺰار‬ ‫ﺑﻨﺪی‬ ‫ﻧﺴﺨﻪ‬ ‫ﻣﻨﺎﺳﺐ‬ ‫روش‬ 1 1 1 Major Change Minor Change Patch ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫اوﻟﯿﻪ‬ ‫ﻧﺴﺨﻪ‬ ‫ﺗﻮﻟﯿﺪ‬ 1.0.0 ‫ﺷﺪه‬ ‫ﮔﺰارش‬ ‫ﮐﻮﭼﮏ‬ ‫ﻣﺸﮑﻼت‬ ‫رﻓﻊ‬ 1.0.1 ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺑﻪ‬ ‫ﺟﺪﯾﺪ‬ ‫ﻗﺎﺑﻠﯿﺖﻫﺎی‬ ‫ﺷﺪن‬ ‫اﺿﺎﻓﻪ‬ 1.۱.1
  53. 53. ‫ﺑﺮﻧﺎﻣﻪ‬ ‫اﻧﺘﺸﺎر‬ .‫ﮐﺮد‬ ‫ﺗﻮﺟﻪ‬ ‫آﻧﻬﺎ‬ ‫ﺑﻪ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫اﻧﺘﺸﺎر‬ ‫از‬ ‫ﻗﺒﻞ‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﻪ‬ ‫ﻧﮑﺎﺗﯽ‬ ‫ﺧﻮدﻣﺎن‬ Installer ‫ﻫﻤﺎن‬ ‫ﯾﺎ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻧﺼﺎب‬ ‫ﺗﻮﻟﯿﺪ‬ LG ‫ﻓﺮوﺷﮕﺎه‬ ‫ﻃﺮﯾﻖ‬ ‫از‬ ‫ﺗﻨﻬﺎ‬ ‫ﺷﺪه‬ Sign ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫اﻧﺘﺸﺎر‬ ‫آن‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﻣﻮﺟﻮد‬ Webkit ‫ﻧﺴﺨﻪ‬ ‫ﺑﺮ‬ ‫ﺑﻨﺎ‬ ‫اﻧﺪروﯾﺪ‬ ‫ﻣﻨﺎﺳﺐ‬ ‫ﻧﺴﺨﻪ‬ ‫اﻧﺘﺨﺎب‬
  54. 54. CROSS PLATFORM ‫ﺗﻮﻟﯿﺪ‬ ‫اﺑﺰار‬ … ‫و‬ Cordova ،Electron ‫ﻗﺒﯿﻞ‬ ‫از‬ ‫اﺑﺰارﻫﺎﯾﯽ‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬
  55. 55. ‫ﻫﻮﺷﻤﻨﺪ‬ ‫ﺗﻠﻮﯾﺰﯾﻮنﻫﺎی‬ ‫ﭘﻠﺘﻔﺮمﻫﺎی‬ .… ‫و‬ tvOS ،AndroidTV ،Android ،Webos ،Tizen ‫ﺟﻤﻠﻪ‬ ‫از‬ TV ares Command Line Tool SDB Command Line Tool ADB Command Line Tool
  56. 56. ‫ﻫﻮﺷﻤﻨﺪ‬ ‫ﺗﻠﻮﯾﺰﯾﻮنﻫﺎی‬ ‫ﭘﻠﺘﻔﺮمﻫﺎی‬ .… ‫و‬ tvOS ،AndroidTV ،Android ،Webos ،Tizen ‫ﺟﻤﻠﻪ‬ ‫از‬ TV ares Command Line Tool SDB Command Line Tool ADB Command Line Tool
  57. 57. ‫ﻫﻮﺷﻤﻨﺪ‬ ‫ﺗﻠﻮﯾﺰﯾﻮنﻫﺎی‬ ‫ﭘﻠﺘﻔﺮمﻫﺎی‬ .… ‫و‬ tvOS ،AndroidTV ،Android ،Webos ،Tizen ‫ﺟﻤﻠﻪ‬ ‫از‬ TV ares Command Line Tool SDB Command Line Tool ADB Command Line Tool
  58. 58. ‫ﻫﻮﺷﻤﻨﺪ‬ ‫ﺗﻠﻮﯾﺰﯾﻮنﻫﺎی‬ ‫ﭘﻠﺘﻔﺮمﻫﺎی‬ .… ‫و‬ tvOS ،AndroidTV ،Android ،Webos ،Tizen ‫ﺟﻤﻠﻪ‬ ‫از‬ TV ares Command Line Tool SDB Command Line Tool ADB Command Line Tool
  59. 59. ‫ﻫﻮﺷﻤﻨﺪاﻧﻪ‬ ‫ﮐﺪﻧﻮﯾﺴﯽ‬ ‫ﮐﻦ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺟﺎ‬ ‫ﻫﻤﻪ‬ ‫ﺑﻨﻮﯾﺲ‬ ‫ﺑﺎر‬ ‫ﯾﮏ‬ The Other Platfo Platform Projec Yet Another Pla …….. Master ProjectMaster Compiler Platform Specific Comp Different Environment C
  60. 60. ‫ﻫﻮﺷﻤﻨﺪاﻧﻪ‬ ‫ﮐﺪﻧﻮﯾﺴﯽ‬ ‫ﮐﻦ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺟﺎ‬ ‫ﻫﻤﻪ‬ ‫ﺑﻨﻮﯾﺲ‬ ‫ﺑﺎر‬ ‫ﯾﮏ‬ Master Project The Other Platform Project Platform Project Yet Another Platform Project …….. Master Compiler Platform Specific Compiler Different Environment Configuration
  61. 61. ‫ﻫﻮﺷﻤﻨﺪاﻧﻪ‬ ‫ﮐﺪﻧﻮﯾﺴﯽ‬ ‫ﮐﻦ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺟﺎ‬ ‫ﻫﻤﻪ‬ ‫ﺑﻨﻮﯾﺲ‬ ‫ﺑﺎر‬ ‫ﯾﮏ‬ Master Project The Other Platform Project Platform Project Yet Another Platform Project …….. Master Compiler Platform Specific Compiler Different Environment Configuration
  62. 62. Runtime - Webkit HTML Application CSS JavaScript Resources ‫ﺻﺤﻨﻪ‬ ‫ﭘﺸﺖ‬ ‫ﺑﺎ‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﯾﺮﺳﺎﺧﺖ‬ ‫ﺑﺎ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻻﯾﻪ‬ ‫از‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻗﺮاری‬ ‫ﺻﺤﯿﺢ‬ ‫ﻧﺤﻮه‬ IPC Bridge Platform Service Layer Platform APIs Node.js
  63. 63. ‫ﺻﺤﻨﻪ‬ ‫ﭘﺸﺖ‬ ‫ﺑﺎ‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﯾﺮﺳﺎﺧﺖ‬ ‫ﺑﺎ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻻﯾﻪ‬ ‫از‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻗﺮاری‬ ‫ﺻﺤﯿﺢ‬ ‫ﻧﺤﻮه‬ Runtime - Webkit IPC Bridge Platform Service Layer Platform APIs Node.js HTML Application CSS JavaScript Resources
  64. 64. ‫ﺻﺤﻨﻪ‬ ‫ﭘﺸﺖ‬ ‫ﺑﺎ‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﯾﺮﺳﺎﺧﺖ‬ ‫ﺑﺎ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻻﯾﻪ‬ ‫از‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻗﺮاری‬ ‫ﺻﺤﯿﺢ‬ ‫ﻧﺤﻮه‬ Runtime - Webkit IPC Bridge Platform Service Layer Platform APIs Node.js Subscribe HTML Application CSS JavaScript Resources
  65. 65. ‫ﺻﺤﻨﻪ‬ ‫ﭘﺸﺖ‬ ‫ﺑﺎ‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﯾﺮﺳﺎﺧﺖ‬ ‫ﺑﺎ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻻﯾﻪ‬ ‫از‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻗﺮاری‬ ‫ﺻﺤﯿﺢ‬ ‫ﻧﺤﻮه‬ Runtime - Webkit IPC Bridge Platform Service Layer Platform APIs Node.js Subscribe Dispatch HTML Application CSS JavaScript Resources
  66. 66. ‫ﺻﺤﻨﻪ‬ ‫ﭘﺸﺖ‬ ‫ﺑﺎ‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫زﯾﺮﺳﺎﺧﺖ‬ ‫ﺑﺎ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻻﯾﻪ‬ ‫از‬ ‫ارﺗﺒﺎط‬ ‫ﺑﺮﻗﺮاری‬ ‫ﺻﺤﯿﺢ‬ ‫ﻧﺤﻮه‬ Runtime - Webkit HTML Application CSS JavaScript Resources IPC Bridge Platform Service Layer Platform APIs Node.js Subscribe DispatchNotified
  67. 67. Platform / Operating System Security Sandbox ‫ﻋﺎﻣﻞ‬ ‫ﺳﯿﺴﺘﻢ‬ ‫و‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺎ‬ ‫ﺗﻮاﻓﻘﺎت‬ ‫اﺳﺖ‬ ‫ﮐﺎرﺑﺮ‬ ‫اﺟﺎزه‬ ‫ﻧﯿﺎزﻣﻨﺪ‬ ‫ﺳﯿﺴﺘﻤﯽ‬ ‫ﻫﺎی‬ API ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ Inline Webview Security Sandbox
  68. 68. Platform / Operating System Security Sandbox ‫ﻋﺎﻣﻞ‬ ‫ﺳﯿﺴﺘﻢ‬ ‫و‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺎ‬ ‫ﺗﻮاﻓﻘﺎت‬ ‫اﺳﺖ‬ ‫ﮐﺎرﺑﺮ‬ ‫اﺟﺎزه‬ ‫ﻧﯿﺎزﻣﻨﺪ‬ ‫ﺳﯿﺴﺘﻤﯽ‬ ‫ﻫﺎی‬ API ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ Inline Webview Security Sandbox
  69. 69. Platform / Operating System Security Sandbox ‫ﻋﺎﻣﻞ‬ ‫ﺳﯿﺴﺘﻢ‬ ‫و‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺎ‬ ‫ﺗﻮاﻓﻘﺎت‬ ‫اﺳﺖ‬ ‫ﮐﺎرﺑﺮ‬ ‫اﺟﺎزه‬ ‫ﻧﯿﺎزﻣﻨﺪ‬ ‫ﺳﯿﺴﺘﻤﯽ‬ ‫ﻫﺎی‬ API ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ Inline Webview Security Sandbox
  70. 70. Platform / Operating System Security Sandbox ‫ﻋﺎﻣﻞ‬ ‫ﺳﯿﺴﺘﻢ‬ ‫و‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺎ‬ ‫ﺗﻮاﻓﻘﺎت‬ ‫اﺳﺖ‬ ‫ﮐﺎرﺑﺮ‬ ‫اﺟﺎزه‬ ‫ﻧﯿﺎزﻣﻨﺪ‬ ‫ﺳﯿﺴﺘﻤﯽ‬ ‫ﻫﺎی‬ API ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ Inline Webview Security Sandbox
  71. 71. Platform / Operating System Security Sandbox ‫ﻋﺎﻣﻞ‬ ‫ﺳﯿﺴﺘﻢ‬ ‫و‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺎ‬ ‫ﺗﻮاﻓﻘﺎت‬ ‫اﺳﺖ‬ ‫ﮐﺎرﺑﺮ‬ ‫اﺟﺎزه‬ ‫ﻧﯿﺎزﻣﻨﺪ‬ ‫ﺳﯿﺴﺘﻤﯽ‬ ‫ﻫﺎی‬ API ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ Inline Webview Security Sandbox
  72. 72. NATIVE ‫ﺑﻪ‬ ‫ﻧﺰدﯾﮏ‬ ‫ﺳﺮﻋﺖ‬ Hardware Acceleration ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ HTML ‫در‬ ‫ﺑﺼﺮی‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫ﺳﺮﻋﺖ‬ ‫اﻓﺰاﯾﺶ‬ Renders On CPU Renders On GPU
  73. 73. NATIVE ‫ﺑﻪ‬ ‫ﻧﺰدﯾﮏ‬ ‫ﺳﺮﻋﺖ‬ Hardware Acceleration ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ HTML ‫در‬ ‫ﺑﺼﺮی‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫ﺳﺮﻋﺖ‬ ‫اﻓﺰاﯾﺶ‬ Renders On CPU Renders On GPU
  74. 74. NATIVE ‫ﺑﻪ‬ ‫ﻧﺰدﯾﮏ‬ ‫ﺳﺮﻋﺖ‬ Hardware Acceleration ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ HTML ‫در‬ ‫ﺑﺼﺮی‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫ﺳﺮﻋﺖ‬ ‫اﻓﺰاﯾﺶ‬ Renders On CPU Renders On GPU
  75. 75. NATIVE ‫ﺑﻪ‬ ‫ﻧﺰدﯾﮏ‬ ‫ﺳﺮﻋﺖ‬ Hardware Acceleration ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ HTML ‫در‬ ‫ﺑﺼﺮی‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫ﺳﺮﻋﺖ‬ ‫اﻓﺰاﯾﺶ‬ Renders On CPU Renders On GPU
  76. 76. NATIVE ‫ﺑﻪ‬ ‫ﻧﺰدﯾﮏ‬ ‫ﺳﺮﻋﺖ‬ Hardware Acceleration ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ HTML ‫در‬ ‫ﺑﺼﺮی‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫ﺳﺮﻋﺖ‬ ‫اﻓﺰاﯾﺶ‬ Renders On CPU Renders On GPU
  77. 77. Viewport RENDERING ‫ﻣﺪﯾﺮﯾﺖ‬ ‫ﻧﺪارد‬ CPU ‫وﻗﺖ‬ ‫ﮔﺮﻓﺘﻦ‬ ‫ﺑﻪ‬ ‫ﻧﯿﺎزی‬ ‫ﻧﻤﯽﺷﻮد‬ ‫دﯾﺪه‬ ‫ﮐﻪ‬ ‫رو‬ ‫ﻫﺮﭼﯿﺰی‬
  78. 78. Viewport RENDERING ‫ﻣﺪﯾﺮﯾﺖ‬ ‫ﻧﺪارد‬ CPU ‫وﻗﺖ‬ ‫ﮔﺮﻓﺘﻦ‬ ‫ﺑﻪ‬ ‫ﻧﯿﺎزی‬ ‫ﻧﻤﯽﺷﻮد‬ ‫دﯾﺪه‬ ‫ﮐﻪ‬ ‫رو‬ ‫ﻫﺮﭼﯿﺰی‬
  79. 79. ‫ﺑﯿﺮوﻧﯽ‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﯿﺮوﻧﯽ‬ ‫ﻓﻌﺎﻟﯿﺖﻫﺎی‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﺮای‬ Visibility API ‫از‬ ‫اﺳﺘﻔﺎدی‬ Visibility API
  80. 80. ‫ﺑﯿﺮوﻧﯽ‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﯿﺮوﻧﯽ‬ ‫ﻓﻌﺎﻟﯿﺖﻫﺎی‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﺮای‬ Visibility API ‫از‬ ‫اﺳﺘﻔﺎدی‬ Visibility API
  81. 81. ‫ﺑﯿﺮوﻧﯽ‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﯿﺮوﻧﯽ‬ ‫ﻓﻌﺎﻟﯿﺖﻫﺎی‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﺮای‬ Visibility API ‫از‬ ‫اﺳﺘﻔﺎدی‬ Visibility API
  82. 82. ‫ﺑﯿﺮوﻧﯽ‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﯿﺮوﻧﯽ‬ ‫ﻓﻌﺎﻟﯿﺖﻫﺎی‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﺮای‬ Visibility API ‫از‬ ‫اﺳﺘﻔﺎدی‬ Visibility API
  83. 83. ‫ﺑﯿﺮوﻧﯽ‬ ‫ﺮات‬t‫ﺗﻐ‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﯿﺮوﻧﯽ‬ ‫ﻓﻌﺎﻟﯿﺖﻫﺎی‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﻣﺤﺘﻮا‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫ﺑﺮای‬ Visibility API ‫از‬ ‫اﺳﺘﻔﺎدی‬ Visibility API
  84. 84. ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫آﻧﻬﺎ‬ ‫ﺳﻮی‬ ‫از‬ ‫ﻋﻤﻠﯽ‬ ‫اﻧﺠﺎم‬ ‫ﺑﻪ‬ ‫ﻧﯿﺎز‬ ‫ﺑﺪون‬ ‫ﮐﺎرﺑﺮان‬ ‫ﺑﻪ‬ ‫ﺟﺪﯾﺪ‬ ‫ﻧﺴﺨﻪ‬ ‫ارﺳﺎل‬ Update Service Updates Farm Exit Sequence / Starting update procedure Selecting suitable version /platform/current_version
  85. 85. ‫ﺑﺮوزرﺳﺎﻧﯽ‬ ‫آﻧﻬﺎ‬ ‫ﺳﻮی‬ ‫از‬ ‫ﻋﻤﻠﯽ‬ ‫اﻧﺠﺎم‬ ‫ﺑﻪ‬ ‫ﻧﯿﺎز‬ ‫ﺑﺪون‬ ‫ﮐﺎرﺑﺮان‬ ‫ﺑﻪ‬ ‫ﺟﺪﯾﺪ‬ ‫ﻧﺴﺨﻪ‬ ‫ارﺳﺎل‬ Update Service Updates Farm Exit Sequence / Starting update procedure Selecting suitable version /platform/current_version
  86. 86. ‫اﻃﻼﻋﺎت‬ ‫ذﺧﯿﺮه‬ SPA ‫ﺑﺮﻧﺎﻣﻪﻫﺎی‬ ‫در‬ ‫اﻃﻼﻋﺎت‬ ‫ذﺧﯿﺮه‬ ‫ﺑﺮای‬ ‫ﺣﺎﻓﻈﻪ‬ ‫اﻧﻮاع‬ Local Storage API
  87. 87. 001 232 031 218 014 001 018 216 ‫ﺳﯿﺴﺘﻢ‬ ‫ﻓﺎﯾﻞ‬ ‫اوﻧﻬﺎ‬ ‫دردﺳﺮﻫﺎی‬ ‫و‬ ‫ﺣﺠﯿﻢ‬ ‫ﻓﺎﯾﻞﻫﺎی‬ ‫ﺑﺎ‬ ‫ﮐﺎرﮐﺮدن‬ 001 232 031 218 014 001 018 216 255 033 016 009 140 233 031 045 012 221 011 075 083 018 241 093 Remote File 012 221 011 075 083 018 241 093 255 033 016 009 140 233 031 045 Stream of Data Chuncks
  88. 88. 001 232 031 218 014 001 018 216 ‫ﺳﯿﺴﺘﻢ‬ ‫ﻓﺎﯾﻞ‬ ‫اوﻧﻬﺎ‬ ‫دردﺳﺮﻫﺎی‬ ‫و‬ ‫ﺣﺠﯿﻢ‬ ‫ﻓﺎﯾﻞﻫﺎی‬ ‫ﺑﺎ‬ ‫ﮐﺎرﮐﺮدن‬ 001 232 031 218 014 001 018 216 255 033 016 009 140 233 031 045 012 221 011 075 083 018 241 093 Remote File 012 221 011 075 083 018 241 093 255 033 016 009 140 233 031 045 Stream of Data Chuncks
  89. 89. 001 232 031 218 014 001 018 216 ‫ﺳﯿﺴﺘﻢ‬ ‫ﻓﺎﯾﻞ‬ ‫اوﻧﻬﺎ‬ ‫دردﺳﺮﻫﺎی‬ ‫و‬ ‫ﺣﺠﯿﻢ‬ ‫ﻓﺎﯾﻞﻫﺎی‬ ‫ﺑﺎ‬ ‫ﮐﺎرﮐﺮدن‬ 001 232 031 218 014 001 018 216 255 033 016 009 140 233 031 045 012 221 011 075 083 018 241 093 Remote File 012 221 011 075 083 018 241 093 255 033 016 009 140 233 031 045Stream of Data Chuncks
  90. 90. 001 232 031 218 014 001 018 216 ‫ﺳﯿﺴﺘﻢ‬ ‫ﻓﺎﯾﻞ‬ ‫اوﻧﻬﺎ‬ ‫دردﺳﺮﻫﺎی‬ ‫و‬ ‫ﺣﺠﯿﻢ‬ ‫ﻓﺎﯾﻞﻫﺎی‬ ‫ﺑﺎ‬ ‫ﮐﺎرﮐﺮدن‬ 001 232 031 218 014 001 018 216 255 033 016 009 140 233 031 045 012 221 011 075 083 018 241 093 Remote File 012 221 011 075 083 018 241 093 255 033 016 009 140 233 031 045 Stream of Data Chuncks
  91. 91. ‫ﺳﯿﺴﺘﻢ‬ ‫ﻓﺎﯾﻞ‬ ‫اوﻧﻬﺎ‬ ‫دردﺳﺮﻫﺎی‬ ‫و‬ ‫ﺣﺠﯿﻢ‬ ‫ﻓﺎﯾﻞﻫﺎی‬ ‫ﺑﺎ‬ ‫ﮐﺎرﮐﺮدن‬ 001 232 031 218 014 001 018 216 255 033 016 009 140 233 031 045 012 221 011 075 083 018 241 093 Remote File 012 221 011 075 083 018 241 093 255 033 016 009 140 233 031 045 Stream of Data Chuncks
  92. 92. Current Location ‫ﺻﻔﺤﻪ‬ ‫ﺮ‬t‫ﺗﻐ‬ History API ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺻﻔﺤﻪ‬ ‫ﻣﺤﺘﻮای‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ /dashboard/ /movie/?id=x9123 /play/?id=x9123 Initial State
  93. 93. Current Location ‫ﺻﻔﺤﻪ‬ ‫ﺮ‬t‫ﺗﻐ‬ History API ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺻﻔﺤﻪ‬ ‫ﻣﺤﺘﻮای‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ /dashboard/ /movie/?id=x9123 /play/?id=x9123 Push to new State
  94. 94. Current Location ‫ﺻﻔﺤﻪ‬ ‫ﺮ‬t‫ﺗﻐ‬ History API ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺻﻔﺤﻪ‬ ‫ﻣﺤﺘﻮای‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ hboard/ /movie/?id=x9123 /play/?id=x9123 Push to new State
  95. 95. Current Location ‫ﺻﻔﺤﻪ‬ ‫ﺮ‬t‫ﺗﻐ‬ History API ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﺻﻔﺤﻪ‬ ‫ﻣﺤﺘﻮای‬ ‫ﺑﺮوزرﺳﺎﻧﯽ‬ /dashboard/ /movie/?id=x9123 /play/?id=x9123 Calling window.back
  96. 96. ‫اﻃﻼﻋﺎت‬ ‫آﻧﺎﻟﯿﺰ‬ File ‫ﭘﺮوﺗﻮﮐﻞ‬ ‫ﺑﺴﺘﺮ‬ ‫ﺑﺮ‬ ‫آﻧﺎﻟﺘﯿﮑﺰ‬ ‫ﮔﻮﮔﻞ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬
  97. 97. @faridarzpeyma | ‫دﯾﮕﺮ‬ ‫ﭘﻠﺘﻔﺮمﻫﺎی‬ ‫ﺗﺎ‬ ‫وب‬ ‫از‬ ،‫ﺗﻮﺳﻌﻪ‬ ‫ﭘﯿﻤﺎ‬ ‫ارض‬ ‫ﻓﺮﯾﺪ‬

×