توسعه، از وب تا پلتفرمهای دیگر
TRANSCRIPT
@faridarzpeyma |
توسعه، از وب تا پلتفرمهای دیگرفرید ارض پیما
تنوع پلتفرمهاتوزیع انواع پلتفرمها بر روی ابزارهای مختلف
تنوع پلتفرمهاتوزیع انواع پلتفرمها بر روی ابزارهای مختلف
تکنولوژیتولید محتوای Cross Platform با سه قلوهای افسانهای
Runtime - Webkit
CROSS PLATFORM معماریآشنایی با اجزای استاندارد این سیستمها
HTML Application
CSS
JavaScript
Resources
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Runtime - Webkit
CROSS PLATFORM معماریآشنایی با اجزای استاندارد این سیستمها
HTML Application
CSS
JavaScript
Resources
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Runtime - Webkit
CROSS PLATFORM معماریآشنایی با اجزای استاندارد این سیستمها
HTML Application
CSS
JavaScript
Resources
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Runtime - Webkit
CROSS PLATFORM معماریآشنایی با اجزای استاندارد این سیستمها
HTML Application
CSS
JavaScript
Resources
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Runtime - Webkit
CROSS PLATFORM معماریآشنایی با اجزای استاندارد این سیستمها
HTML Application
CSS
JavaScript
Resources
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Online Services
Runtime - Webkit
CROSS PLATFORM معماریآشنایی با اجزای استاندارد این سیستمها
HTML Application
CSS
JavaScript
Resources
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Online Services
Runtime - Webkit
CROSS PLATFORM معماریآشنایی با اجزای استاندارد این سیستمها
HTML Application
CSS
JavaScript
Resources
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Online Services
کدنویسی هوشمندانهیک بار بنویس همه جا استفاده کن
The Other Platform Project
Platform Project
Yet Another Platform Project
……..
Master ProjectMaster Compiler
Platform Specific Compiler
Different Environment Configuration
کدنویسی هوشمندانهیک بار بنویس همه جا استفاده کن
Master Project
The Other Platform Project
Platform Project
Yet Another Platform Project
……..
Master Compiler
Platform Specific Compiler
Different Environment Configuration
کدنویسی هوشمندانهیک بار بنویس همه جا استفاده کن
Master Project
The Other Platform Project
Platform Project
Yet Another Platform Project
……..
Master Compiler
Platform Specific Compiler
Different Environment Configuration
WEBKIT آشنایی بابجای طراحی Cross Browser معموال Cross Webkit کار میکنیم
WEBKIT آشنایی بابجای طراحی Cross Browser معموال Cross Webkit کار میکنیم
WEBKIT آشنایی بابجای طراحی Cross Browser معموال Cross Webkit کار میکنیم
WEBKIT آشنایی بابجای طراحی Cross Browser معموال Cross Webkit کار میکنیم
WEBKIT آشنایی بابجای طراحی Cross Browser معموال Cross Webkit کار میکنیم
جاوا اسکریپت همه جاNode.js های سیستم عامل توسط API ارتباط با
V8 Javascript Engine
OS Wrapper Layer
اتصال به وببروزرسانی اطالعات برنامه با استفاده از سرویسهای وبی
اتصال به وببروزرسانی اطالعات برنامه با استفاده از سرویسهای وبی
اتصال به وببروزرسانی اطالعات برنامه با استفاده از سرویسهای وبی
Restful Services
اتصال به سرویسهای محیطیدسترسی به سرویسهای مرتبط با هر پلتفرم
اتصال به وببروزرسانی اطالعات برنامه با استفاده از سرویسهای وبی
Platform APIs
File System Window Manager System Pref. ….
آنالین و آفالیندسترسی به محتوا بدون دسترسی به اینترنت
آنالین و آفالیندسترسی به محتوا بدون دسترسی به اینترنت
دسترسی محدود ولی میسر
امنیترمزنگاری محتوا و دسترسی آسان به آن
امنیترمزنگاری محتوا و دسترسی آسان به آن
امنیترمزنگاری محتوا و دسترسی آسان به آن
امنیترمزنگاری محتوا و دسترسی آسان به آن
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
Mouse حرکت با
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
Mouse حرکت با
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
Mouse حرکت با
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
Keyboard حرکت با
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
Keyboard حرکت با
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
حرکت در چهار جهت
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
پیمایش یا NAVIGATION خودمانابزارهای مختلف روشهای مختلفی برای دسترسی به محتوا در اختیار شما قرار میدهند
Swipe حرکت انگشت روی صفحه یا
عیبیابی از راه دوراستفاده از Remote Debuging برای بررسی مشکالت برنامه
Log Message
Warnings
Errors
عیبیابی از راه دوراستفاده از Remote Debuging برای بررسی مشکالت برنامه
Log Message
Warnings
Errors
عیبیابی از راه دوراستفاده از Remote Debuging برای بررسی مشکالت برنامه
Log Message
Warnings
Errors
عیبیابی از راه دوراستفاده از Remote Debuging برای بررسی مشکالت برنامه
Log Message
Warnings
Errors
عیبیابی از راه دوراستفاده از Remote Debuging برای بررسی مشکالت برنامه
Log Message
Warnings
Errors
عیبیابی از راه دوراستفاده از Remote Debuging برای بررسی مشکالت برنامه
Log Message
Warnings
Errors
عیبیابی از راه دوراستفاده از Remote Debuging برای بررسی مشکالت برنامه
Log Message
Warnings
Errors
نسخه بندیروش مناسب نسخه بندی نرمافزار
1 0 0Major Change Minor Change Patch
1.0.0 تولید نسخه اولیه نرم افزار
1.0.1 رفع مشکالت کوچک گزارش شده
نسخه بندیروش مناسب نسخه بندی نرمافزار
1 0 1Major Change Minor Change Patch
1.0.0 تولید نسخه اولیه نرم افزار
1.0.1 رفع مشکالت کوچک گزارش شده
1.۱.1 اضافه شدن مجموعه از قابلیتهای جدید به برنامه
نسخه بندیروش مناسب نسخه بندی نرمافزار
1 1 1Major Change Minor Change Patch
1.0.0 تولید نسخه اولیه نرم افزار
1.0.1 رفع مشکالت کوچک گزارش شده
1.۱.1 اضافه شدن قابلیتهای جدید به برنامه
انتشار برنامهنکاتی که باید قبل از انتشار برنامه به آنها توجه کرد.
تولید نصاب برنامه یا همان Installer خودمان
LG شده تنها از طریق فروشگاه Sign انتشار نرم افزار
انتخاب نسخه مناسب اندروید بنا بر نسخه Webkit موجود بر روی آن
CROSS PLATFORM ابزار تولیدآشنایی با ابزارهایی از قبیل Cordova ،Electron و …
پلتفرمهای تلویزیونهای هوشمنداز جمله tvOS ،AndroidTV ،Android ،Webos ،Tizen و ….
TV
ares Command Line Tool
SDB Command Line Tool
ADB Command Line Tool
پلتفرمهای تلویزیونهای هوشمنداز جمله tvOS ،AndroidTV ،Android ،Webos ،Tizen و ….
TV
ares Command Line Tool
SDB Command Line Tool
ADB Command Line Tool
پلتفرمهای تلویزیونهای هوشمنداز جمله tvOS ،AndroidTV ،Android ،Webos ،Tizen و ….
TVares Command Line Tool
SDB Command Line Tool
ADB Command Line Tool
پلتفرمهای تلویزیونهای هوشمنداز جمله tvOS ،AndroidTV ،Android ،Webos ،Tizen و ….
TVares Command Line Tool
SDB Command Line Tool
ADB Command Line Tool
کدنویسی هوشمندانهیک بار بنویس همه جا استفاده کن
The Other Platform Project
Platform Project
Yet Another Platform Project
……..
Master ProjectMaster Compiler
Platform Specific Compiler
Different Environment Configuration
کدنویسی هوشمندانهیک بار بنویس همه جا استفاده کن
Master Project
The Other Platform Project
Platform Project
Yet Another Platform Project
……..
Master Compiler
Platform Specific Compiler
Different Environment Configuration
کدنویسی هوشمندانهیک بار بنویس همه جا استفاده کن
Master Project
The Other Platform Project
Platform Project
Yet Another Platform Project
……..
Master Compiler
Platform Specific Compiler
Different Environment Configuration
Runtime - Webkit
HTML Application
CSS
JavaScript
Resources
ارتباط با پشت صحنهنحوه صحیح برقراری ارتباط از الیه نمایش با زیرساخت برنامه
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
ارتباط با پشت صحنهنحوه صحیح برقراری ارتباط از الیه نمایش با زیرساخت برنامه
Runtime - Webkit
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
HTML Application
CSS
JavaScript
Resources
ارتباط با پشت صحنهنحوه صحیح برقراری ارتباط از الیه نمایش با زیرساخت برنامه
Runtime - Webkit
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Subscribe
HTML Application
CSS
JavaScript
Resources
ارتباط با پشت صحنهنحوه صحیح برقراری ارتباط از الیه نمایش با زیرساخت برنامه
Runtime - Webkit
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Subscribe
Dispatch
HTML Application
CSS
JavaScript
Resources
ارتباط با پشت صحنهنحوه صحیح برقراری ارتباط از الیه نمایش با زیرساخت برنامه
Runtime - Webkit
HTML Application
CSS
JavaScript
Resources
IPC Bridge
Platform Service Layer
Platform APIs
Node.js
Subscribe
DispatchNotified
Platform / Operating System
Security Sandbox
توافقات با کاربر و سیستم عاملدسترسی به API های سیستمی نیازمند اجازه کاربر است
Inline Webview
Security Sandbox
Platform / Operating System
Security Sandbox
توافقات با کاربر و سیستم عاملدسترسی به API های سیستمی نیازمند اجازه کاربر است
Inline Webview
Security Sandbox
Platform / Operating System
Security Sandbox
توافقات با کاربر و سیستم عاملدسترسی به API های سیستمی نیازمند اجازه کاربر است
Inline Webview
Security Sandbox
Platform / Operating System
Security Sandbox
توافقات با کاربر و سیستم عاملدسترسی به API های سیستمی نیازمند اجازه کاربر است
Inline Webview
Security Sandbox
Platform / Operating System
Security Sandbox
توافقات با کاربر و سیستم عاملدسترسی به API های سیستمی نیازمند اجازه کاربر است
Inline Webview
Security Sandbox
NATIVE سرعت نزدیک بهHardware Acceleration با استفاده از HTML رات بصری درtافزایش سرعت تغ
Renders On CPU
Renders On GPU
NATIVE سرعت نزدیک بهHardware Acceleration با استفاده از HTML رات بصری درtافزایش سرعت تغ
Renders On CPU
Renders On GPU
NATIVE سرعت نزدیک بهHardware Acceleration با استفاده از HTML رات بصری درtافزایش سرعت تغ
Renders On CPU
Renders On GPU
NATIVE سرعت نزدیک بهHardware Acceleration با استفاده از HTML رات بصری درtافزایش سرعت تغ
Renders On CPU
Renders On GPU
NATIVE سرعت نزدیک بهHardware Acceleration با استفاده از HTML رات بصری درtافزایش سرعت تغ
Renders On CPU
Renders On GPU
Viewport
RENDERING مدیریتهرچیزی رو که دیده نمیشود نیازی به گرفتن وقت CPU ندارد
Viewport
RENDERING مدیریتهرچیزی رو که دیده نمیشود نیازی به گرفتن وقت CPU ندارد
بروزرسانی بر اساس تغtرات بیرونیاستفادی از Visibility API برای بروزرسانی محتوا بر اساس فعالیتهای بیرونی
Visibility API
بروزرسانی بر اساس تغtرات بیرونیاستفادی از Visibility API برای بروزرسانی محتوا بر اساس فعالیتهای بیرونی
Visibility API
بروزرسانی بر اساس تغtرات بیرونیاستفادی از Visibility API برای بروزرسانی محتوا بر اساس فعالیتهای بیرونی
Visibility API
بروزرسانی بر اساس تغtرات بیرونیاستفادی از Visibility API برای بروزرسانی محتوا بر اساس فعالیتهای بیرونی
Visibility API
بروزرسانی بر اساس تغtرات بیرونیاستفادی از Visibility API برای بروزرسانی محتوا بر اساس فعالیتهای بیرونی
Visibility API
بروزرسانیارسال نسخه جدید به کاربران بدون نیاز به انجام عملی از سوی آنها
Update Service
Updates Farm
Exit Sequence / Starting update procedure
Selecting suitable version
/platform/current_version
بروزرسانیارسال نسخه جدید به کاربران بدون نیاز به انجام عملی از سوی آنها
Update Service
Updates Farm
Exit Sequence / Starting update procedure
Selecting suitable version
/platform/current_version
ذخیره اطالعاتSPA انواع حافظه برای ذخیره اطالعات در برنامههای
Local Storage API
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
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
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
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
فایل سیستمکارکردن با فایلهای حجیم و دردسرهای اونها
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
Current Location
تغtر صفحهHistory API بروزرسانی محتوای صفحه بر اساس
/dashboard/ /movie/?id=x9123 /play/?id=x9123
Initial State
Current Location
تغtر صفحهHistory API بروزرسانی محتوای صفحه بر اساس
/dashboard/ /movie/?id=x9123 /play/?id=x9123
Push to new State
Current Location
تغtر صفحهHistory API بروزرسانی محتوای صفحه بر اساس
/dashboard/ /movie/?id=x9123 /play/?id=x9123
Push to new State
Current Location
تغtر صفحهHistory API بروزرسانی محتوای صفحه بر اساس
/dashboard/ /movie/?id=x9123 /play/?id=x9123
Calling window.back
آنالیز اطالعاتFile استفاده از گوگل آنالتیکز بر بستر پروتوکل
@faridarzpeyma |
توسعه، از وب تا پلتفرمهای دیگرفرید ارض پیما