مقایسه ی فریم ورک های موبایل HTML5 از دید UI – قسمت دوم

همانطور که بررسی نموده اید، در قسمت قبلی این مقاله بیشتر به مقایسه و تشریح ویژگی های عمومی فریم ورک های موبایل وب پرداختیم. در این قسمت می خواهیم هر کدام را به طور جداگانه و ریزتز مورد بحث قرار دهیم.

اگر هنوز قسمت اول این مقاله را مطالعه نکرده اید، از لینک زیر می توانید به آن دسترسی داشته باشید:

مقایسه ی فریم ورک های موبایل HTML5 از دید UI  – قسمت اول

فریم ورک های موبایل Html5
فریم ورک های موبایل Html5

 

APP Framework

Intel-App-Framework
نمایی از Intel-App-Framework

 

App framework از کمپانی اینتل (Intel)، یک فریم ورک HTML5 Mobile UI قابل اعتماد، حرفه ای و کاملا Responsive است که برای ایجاد موبایل اپلیکیشن های هایبرید بسیار ایده آل می باشد. این فریم ورک برای موبایل بهینه سازی شده است، بنابراین فاقد بخش های متحرک (moving parts) می باشد که به فریم ورک اجازه سازگاری با دسکتاپ را می دهند.

البته این سادگی می تواند برای برنامه نویسان تازه کار مناسب باشد. یک اپلیکیشن را می توان به تنهایی با مارک آپ های ساده ی HTML5 نوشت، بنابراین حتی کاربران مبتدی که اکثرا با جاوا اسکریپت آشنایی ندارند نیز می توانند از این فریم ورک استفاده کنند.

این فریم ورک به برنامه نویسان امکان نوشتن یک codebase مجزا را داده و اپلیکیشن آنها می تواند ظاهر و احساسی native را بر اساس دستگاهی که اپلیکیشن بر روی آن اجرا می شود بپذیرد. برای مثال موبایل اپلیکیشن HTML5 ظاهری مانند اپلیکیشن iOS بر روی آیفون، یک اپلیکیشن native آندروید بر روی یک گلکسی و غیره خواهد داشت. App Framework به طور گسترده در Intel XDK که شامل یک ابزار فوق العاده به نام App Starter برای پروتوتایپ کردن اپلیکیشن دارد، به کار می رود.

 

Twitter Bootstrap 3

twitter bootstrap mobile
نمایی از twitter bootstrap mobile

 

Twitter Bootstrap 3 آخرین سری از فریم ورک های HTML5 UI برای مرورگرهای دسکتاپ می باشد که پشتیبانی از موبایل نیز به آن افزوده شده است. این فریم ورک بر پایه ی تغییر المان های HTML5 از طریق دادن استایل های خاص CSS3 به آنها و ساخت یک اپلیکیشن کار می کند. Style های customize شده و کامپوننت های جاوا اسکریپت می توانند از وبسایت Twitter Bootstrap 3 اضافه شوند تا کارایی اپلیکیشن افزایش یابد.

Twitter Bootstap  دارای ظاهر وب ۲٫۰ می باشد که بسیاری زیبا و مدرن طراحی شده است اما ساختارش برای اپلیکیشن های موبایل باید دوباره بازبینی شود، زیرا از scroll های جاوا اسکریپتی یا جا به جایی های متحرک پشتیبانی نمی کند. این فریم ورک گزینه ی فوق العاده ای برای اپلیکیشن هایی است که برای هر دو پلتفرم موبایل و دسکتاپ ایجاد می شوند اما استفاده ی آن صرفا برای اپلیکیشن های موبایل باعث می شود که انتخاب ضعیفی برای اپلیکیشن های مختص موبایل محسوب شود.

 

jQuery Mobile

jquery-mobile
نمایی از jquery-mobile

 

می توان گفت که jQuery Mobile، اولین و شاید پر استفاده ترین فریم ورک HTML5 Mobile UI می باشد. اگرچه که jQuery UI در اصل برای فضای موبایل ساخته نشده است اما jQuery Mobile کار فوق العاده را در ارائه ی رابط کاربری موبایل انجام داده است که همان کارایی و زیبایی محصول دسکتاپ را منعکس می کند. فریم ورک jQuery Mobile استفاده ی آسانی دارد و مانند دو فریم ورک قبلی با استفاده از المان های HTML برنامه نویسی شده است.

این فریم ورک دارای مستندات خوبی برای یک محصول رایگان است و می تواند دستورالعمل ها و کد های نمونه را برای پروژه های جدید ارائه دهد.

 

Sencha Touch

فریم ورک سنچا تاچ
فریم ورک سنچا تاچ

Sencha Touch مفهوم منحصر به فردی را از فریم ورک های HTML5 Mobile UI ارائه می دهد، زیرا در این فریم ورک تمام کد های UI باید به زبان جاوا اسکریپت نوشته شوند. این امر باعث ایجاد تجربه ی کاربری بهتری می شود اما برنامه نویس باید آشنایی نسبتا کاملی با زبان جاوا اسکریپت داشته باشد تا بتواند از عهده ی برنامه نویسی در این فریم ورک به خوبی برآید. این فریم ورک یک پروژه ی تجاری است بنابراین مستندات، ابزار ها و پشتیبانی بسیار خوبی دارد.

البته تا زمانی که از این فریم ورک در محصولی با بیش از ۵۰۰۰ واحد استفاده نشود، استفاده از آن کاملا رایگان است. Sencha Touch می تواند نمودار های گرافیکی فوق العاده ای ایجاد کند، این فریم ورک از Yahoo Query Language پشتیبانی می کند و دارای theme هایی می باشد که از تمام پلتفرم های محبوب موبایل پشتیبانی می کند.

 

Kendo UI

فریم ورک kendoui
نمایی از فریم ورک kendoui

 

Kendo UI یک پروژه ی تجاری بر پایه ی jQuery می باشد که به پشتیبانی از مستندات و ابزارهایی کمک می کند که برای برنامه نویسانی که از این ابزار استفاده می کنند در دسترس می باشد. برای مثال theme builder فریم ورک Kendo UI می تواند به برنامه نویسان کمک کند که خیلی سریع طرح رنگی دلخواه خود را برای UI خود ایجاد کنند. کتابخانه ی Mobile HTML5 در فریم ورک Kendo UI از HTML های دارای class tag برای اجرایی widget هایی استفاده می کند که مجموعه ای از چند کارایی را ارائه می دهند.

این فریم ورک می تواند UI خود را بر اساس نوع پلتفرم تغییر دهد تا زیبایی یک دستگاه iOS، Android، BlackBerry یا Windows Phone 8 را شبیه سازی کند. Kendo UI توسط Icenium، سازنده ی اپلیکیشن های هایبرید مورد استفاده قرار می گیرد.

 

TopCoat

فریم ورک Topcoat
فریم ورک Topcoat

 

TopCoat یک فریم ورک HTML5 Mobile UI رایگان می باشد که توسط کمپانی Adobe ساخته شده است. این فریم ورک نسبت به موارد دیگری که در این مقاله لیست شده بنا به چند دلیل از قابلیت های منحصر به فرد تری برخوردار است. اول اینکه این فریم ورک بر پایه ی کتابخانه ی CSS می باشد تا تمام نیاز های برنامه نویسان را فراهم کند. این قابلیت باعث می شود که ایجاد اپلیکیشن ها تنها با استفاده از  المان های  HTML5 ساده ترشود و به فریم ورک سرعت بالایی می بخشد. دوم این که ظاهر و احساس TopCoat آن را از بقیه فریم ورک های متمایز می گرداند. این فریم ورک یک محصول شیک می باشد و اگر شما یکی از طرفدارای زیبایی Adobe هستید از این فریم ورک کاملا راضی خواهید بود. در آخر اینکه، این فریم ورک در ابتدا برای مرورگر های دسکتاپ طراحی شده است اما شامل Mobile stylesheet هایی می باشد که کنترل هدف های لمسی بزرگتر را نیز میسر می سازد.

 

میلاد خان محمدی

Author: میلاد خان محمدی

پژوهشگر, نویسنده و علاقه مند به تکنولوژی های مختلف وب علی الخصوص front end هستم، مدیر دپارتمان هایبرید اپلیکیشن در موسسه ی iShia

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *