مقالات تخصصی طراحی اپلیکیشن

ارائه مقالات طراحی اپلیکیشن

مقالات تخصصی طراحی اپلیکیشن

ارائه مقالات طراحی اپلیکیشن

مقالات طراحی اپلیکیشن

  • ۰
  • ۰


ساختن یک نرم افزار آزمایشی با ionic
بعداز نصب مجموع کتابخانه های لازم ، در حال حاضر حافظه می‌گیریم که به چه شکل یک Application در Ionic و برای پلتفرم اندروید و iOS ساخت و ساز کنیم.
آغاز، دایرکتوری خویش را تغییر و تحول دهید ، جایی که میخواهید پروژه خویش را ساخت و ساز فرمائید و “Ionic start newAPP Tabs” را  طراحی اپلیکیشن در مشهد انجام فرمایید.
این امر یک الگوی Ionic Application با تب ها ساخت می نماید.
Ionic بعضا از الگوهای از پیش ساخت گردیده مانند تب ها ، منو و blank را ارائه میدهد.

این فرمان پکیج های پوسته را برای تب ها دانلود می‌نماید.
میتوانید نظارت فرمائید که فولدر ها یا این که دایرکتوری های پایین در فولدر myApp اضافه گردیده اند.

در حال حاضر ، ما این پروژه را در مرورگر اینترنت انجام می‌کنیم، بدین ترتیب دایرکتوری خویش را به myApp تغییر و تحول دهید و امر “ionic serve” را ایفا نمایید.
اینک برگه اکران داده گردیده در تحت در مرورگر اینترنت گشوده می گردد.
الگوی این نرم‌افزار بر پایه ی تب میباشد.
در‌این نرم افزار ، ما می توانیم سه تب را ببینیم:
تب های Status ، Chat و Account ، که در آن سه تب دربردارنده محتوایی میباشد که در ذیل نشانه داده گردیده است.بیلد نرم افزار برای پلتفرم اندروید و IOS
تا کنون نرم‌افزار ما “myAPP” صرفا یک نرم‌افزار اینترنت میباشد.
در حال حاضر ، فولدر‌های تامین را برای پلتفرم‌های Android و IOS ساخت‌و‌ساز و اضافه میکنیم.
اولیه از کلیه ، “q” را برای خروج فشار دهید.
امر “ionic platform add android” را برای پلتفرم اندروید وارد نمائید.
این دستورها فولدر های حفاظت اندروید را برای اپ ما اضافه می نمایند.

برای اضافه کردن پوشه‌های هواخواهی IOS میتوانید از «ionic platform add IOS» به کارگیری نمایید.

ما صرفا یک دستگاه اندروید داریم، بدین ترتیب ، این اپ را تنها برای اندروید بیلد و اعمال می‌کنیم.

بعداز نصب آحاد پوشه های موردنیاز ، دایرکتوری “myApp” خویش را تحقیق می‌کنیم.
متوجه خواهید شد که فایل “myApp” به اپ اضافه گردیده است و این فولدر دربردارنده مجموع پوشه ها برای اجرای اپلیکیشن ما در دستگاه Android میباشد.
بیلد نرم افزار
برای آن ، از فرمان “ionic build android” به کار گیری میکنیم.
این یک مراحل ساخت می نماید که یک فولدر “apk” برای نرم افزار ما تولید می نماید.
در حال حاضر ، پوشه apk داریم ، پس بیایید این فولدر apk را اعمال کنیم و نرم‌افزار را در یک دستگاه اندروید یا این که مشابه ساز تست کنیم.
فعلا امر “ionic emulate android” را اعمال نمایید.
در صورتی‌که SDK دارید ، این فرمان نرم‌افزار شمارا در مشابه ساز اندروید فعال سازی می نماید.
بیایید مشابه ساز اندروید نرم افزار خویش را تحقیق کنیم.
نرم‌افزار ما روی مشابه ساز اندروید که یک virtual device (دستگاه مجازی) میباشد انجام میگردد.
اینک ، ما کارایی میکنیم این اپ را بر روی یک دستگاه حقیقی وواقعی فعال سازی کنیم.
اولیه از تمامی ، دستگاه خویش را با به کارگیری از کابل USB وصل فرمایید و موقعیت “USB debugging” را در دستگاه اندرویدی خویش فعال نمایید.

اینک امر ionic run android را جاری ساختن فرمائید.
این امر اپلیکیشن را در دستگاه شما فعال‌سازی می نماید.

یکی‌از مزایای اساسی ionic این میباشد که میتوانید از رویکرد به دور به برگه اکران دستگاه خویش در مرورگر خویش دسترسی داشته باشید.

برای اینکار آغاز فرمان ionic run android را اعمال نمائید.
بعد از آن ، بر روی پنجره مرورگر کلیک راست کرده و آیتم “inspect element” را تعیین فرمایید.
بعداز آیتم “inspect element” به “More Tools” رفته و روی مورد “Remote device” کلیک فرمائید.

در حال حاضر کاغذ ای گشوده می‌گردد که در آن می‌توانید اسم دستگاه خویش را ببینید.
چنانچه اسم دستگاه شما قابل مشاهده وجود ندارد ، بدین معنا میباشد که دستگاه شما به صحت متصل وجود ندارد.
در صورتیکه دستگاه شما به صحت متصل گردیده باشد ، می‌توانید URL دستگاه خویش را ملاحظه کنید و بر روی “inspect option” کلیک فرمایید.

با کلیک بر روی آیتم “inspect” برگه اکران داده گردیده در پایین گشوده میگردد.
در‌این ورقه ، تصویری از کاغذ نشان داده میشود که اکنون در دستگاه شما گشوده میشود.
در اینجا ، میتوانید موادسازنده را مانند یک وبسایت رسیدگی و دستکاری نمائید و تغییر تحول منعکس شود.

Ionic لایو آزمایش را ارائه میدهد ، بدین مفهوم که هر فرصت که ما کدی را در پوشه پروژه یا این که مرورگر اینترنت تغییر و تحول می‌دهیم ، تاثیر آن فورا روی ورقه مرورگر شما و همینطور در دستگاه گوشی شما منعکس میگردد.
 

  • ۰۲/۰۹/۱۶
  • دیزاین اپلیکیشن

طراحی اپلیکیشن در مشهد

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی