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

@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 |

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