قدم 1 - نصب و اجرا

نصب و اجرا

در نصب ویژوال استودیو 2017 تمام گزینه های نصب را انتخاب نمایید. دقت نمایدد که ورژن خریداری شده شما کامل باشد (حدود 20 گیگ فشرده و حدود 50 گیگ آزاد)، به دلیل آنکه آدرس آی پی های ایران مسدود و تحریم است در نصب آن لاین ویژوال استودیو دراغلب SDKها مشکل به وجود می آید. لذا از نسخه آفلاین استفاده کنید.

نکته مهم: SDK Manager در ویندوز 10 دارای خطا می باشد و لذا امولاتور ها اجرا نمی شوند، با وجود تمام کدهای اصلاح، بنده نتوانستم بر روی ویندوز 10 کار کنم و لذا بر روی ویندوز 7 که بدون خطا است دیپلوی کردم.

نصب و اجرا

پس از پایان نصب، ویژوال استودیو 2017 را از مسیر نصب در  start و سپس  all programs اجرا میکنیم.

نصب و اجرا

سپس از منو گزینه new project را انتخاب خواهیم کرد.

نصب و اجرا

در این قسمت در پنجره باز شده شما 3 امکان برنامه نویسی موبایل را خواهید داشت که عبارتند از:

  • android
  • iOS
  • Windows

در قدم های بعدی اقدام به شرح و توضیح هر یک از این محیط ها را خواهیم نمود. فعلا در این قدم نوع برنامه را android انتخاب نمایید، برای این منظور پس از کلیک بر روی android چنانکه در شکل نشان داده می شود گزینه Blank App را انتخاب نمایید.

نصب و اجرا

همانند شکل بالا پروژه شما ایجاد خواهد شد.

 

 

دقت نمایید که در پروژه ایجاد شده مانند شکل قسمت نشان داده شده ( اجرا بر روی Virtual Device) فعال باشد.

اگر این گزینه فعال نیست در مرحله بعد توضیح داده خواهد شد که چه باید کرد.

نصب و اجرا

اگر گزینه نشان داده شده فعال نباشد، چنانکه در شکل نشان داده می شود، از مسیر tools—>android—->SDK Manager اقدام به راه اندازی SDK Manager میکنیم. 

 

 

در این شکل تمام ورژن های قابل استفاده برای سیستم عامل اندروید جهت ایجاد ماشین مجازی (Virtual Device) جهت شبیه سازی اجرای برنامه اندروید نشان داده می شود. اگر گزینه های آن خالی باشد می توانید دانلود نمایید(البته چون تحریم هستیم نمیشه) اما بهتر هست در ورژن ویژوال استدیو یتان تجدید نظر کنید چون نقص به آن بر می گردد.

نکته: اگر بعد از اجرای SDK Manager هیچ پنجره ای نشان داده نشد ایراد کار در اجرای java می باشد. ابتدا لازم است از مسیر tools—>android—->Android Command Prompt به محیط Command  Prompt برویم و در آنجا دستور Where Java را تایپ و سپس اجرا نمایید. مسیر جاوا برای شما نشان داده میشود. به آن مسیر بروید و اگر جاوا در آنجا بود کپی کرده و به پوشه نصب SDK , SDKManager کپی نمایید. اگر کار با این اعمال درست نشد باید ویندوز یا ویژوال استدیو را عوض نمایید.

نصب و اجرا

بعد از بررسی صحت SDK Manager برای ایجاد یک شبیه ساز گوشی اندروید از مسیر tools—>android—->Android Emulator Manager شبیه ساز ایجاد خواهیم نمود.

 

 

در پنجره باز شده با استفاده از گزینه Create اقدام به ساخت شبیه ساز خواهیم نمود. دقت نمایید که اگر ویژوال استدیو را کامل نصب کرده باشید نیازی به این کار نیست و شبیه ساز از قبل ایجاد شده است.

نصب و اجرا

حال نوبت اجرا و تست صحت تمام اجزا مربوط به برنامه نویسی موبایل است. با زدن کلید F5 یا آنجا که در تصویر فلش بالا نشان می دهد اقدام به اجرای تست و اجرای برنامه می کنیم. همانگونه که در تصویر نشان داده  می شود در پایین ویژوال استدیو نوشته می شود Build Started یعنی اینکه آزمایش شروع شده است. این اجرا که باید شبیه ساز را نیز اجرا کند قدری زمان بر است و باید تا اتمام آن صبر نمایید.

نکته: برای آنکه سرعت اجرا در آزمایش بیشتر شود در قسمت اجرا گزینه visualstudio_android-23_x86_phone را انتخاب نمایید.

نصب و اجرا

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

 

 

اندکی صبر کنید تا صفحه به حالت شبیه ساز کامل گوشی اندروید تبدیل گردد

نصب و اجرا

در آخرین مرحله برنامه اندروید شما بر روی شبیه ساز deploy می شود (بارگذاری و اجرا).

قدم 2 - ساخت یک ماشین حساب ساده (اندروید)

ساخت یک ماشین حساب ساده (اندروید)

در این قسمت خدمت همراهان گرامی وب سایت ویکی چجور نحوه ایجاد یک برنامه ساده در سیستم عامل اندروید آموزش داده می شود. این برنامه یک ماشین حساب ساده است.

ابتدا مانند تصویر یک پروژه جدید از نوع android  و نوع blank app  ایجاد نمایید.

ساخت یک ماشین حساب ساده (اندروید)

مانند تصویر از قسمت Solution Explorer به قسمت Resource رفته و داخل قسمت layout گزینه Main.axml را دابل کلیک نمایید تا محیط طراحی گرافیکی زامارین باز شود.

 

 

 

اگر مراحل را درست انجام داده باشین شکل بالا را خواهید دید. این محیط Designer  است. در گوشه پایین سمت چپ کلیک نمایید تا به محیط طراحی کد یعنی xml بروید.

 

 

 

این محیط نیز برای طراحی دقیق تر و بر اساس کدهای زبان xml مناسب است.

ساخت یک ماشین حساب ساده (اندروید)

به قسمت طراحی گرافیکی رفته و از منو view گرینه toolbox را فراخوانی کنید. مانند تصویر در سمت چپ منوی tollbox یا همان جعبه ابزار نشان داده می شود.

 

 

 

از قسمت Text Fields در جعبه ابزار دو کنترل از نوع Plain Text با Drag & Drop بر روی قسمت طراحی خود مانند تصوی قرار دهید. سپس از پنجره سمت راست صفحه properties  در مقدار خاصیت text  یکی از آنها 1 و در دیگری 2  قرار دهید.

ساخت یک ماشین حساب ساده (اندروید)

حال از قسمت Layouts گزینه (LinearLayout(Horizontal را انتخاب میکنیم. این ابزار یه ما کمک می کند بتوانیم در یک سطر بیش از یک کنترل قرار دهیم.

 

 

 

حال از قسمت Form Widgets در داخل ابزار Layout چنانکه در تصویر نشان داده می شود ابزار Button قرار می دهیم.

 

 

 

مانند تصویر 4 کنترل از نوع Button در قسمت طراحی خود قرار می دهیم. سپس از پنجره properties در خاصیت text انها کاراکترهای +،-،* و / قرار می دهیم.

ساخت یک ماشین حساب ساده (اندروید)

آخرین کنترل گزینه Text را از Form Widgets به روی صفحه قرار می دهیم. 

 

 

 

سپس مقدار خاصیت text آنرا خالی میکنیم تا در ان هیچ متنی نباشد.

 

 

 

حال از قسمت بالا گزینه save all را اتخاب میکنیم و بدین ترتیب کار طراحی ما به پایان میرسد و فایل Main.axml را میبندیم.

ساخت یک ماشین حساب ساده (اندروید)

اکنون نوبت کد نویسی به زبان C# است. برای نوشتن کدها از پنجره solution explorer فایل MainActivity.cs را باز میکنیم.

 

 

 

این محیط امکان برنامه نویسی به زبان سی شارپ را برای ما فراهم میکند. ابتدا کد SetContentView  را که غیر فعال شده است با حذف // ها به حالت فعال در می آوریم.

ساخت یک ماشین حساب ساده (اندروید)

ابتدا کنترل ها که در لایات قرار داده ایم را به محل کدنویسی باید معرفی نماییم.

 

 

 

حال تمام کنترل ها با نامی که برای انها تعریف کردیم قابل استفاده شده اند.

 

 

 

سپس لازم است برای نگهداری مقادیر وارد شده توسط کاربر متغیر تعریف کنیم.

 

 

 

سپس رویداد هر button را تعریف و ایجاد میکنیم.

 

 

 

حال این کار را برای تمام button ها انجام می دهیم.

ساخت یک ماشین حساب ساده (اندروید)

برای آنکه کد شما دقیق تر باشد کد نهایی را در قسمت فایلها برای دانلود قرار داده ام.

ساخت یک ماشین حساب ساده (اندروید)

حال با زدن کلید F5 برنامه خود را اجرا نمایید تا نتیجه برنامه را در شبیه ساز تجربه نمایید.

قدم 3 - ایجاد مک پرو مجازی برای طراحی iOS

ایجاد مک پرو مجازی برای طراحی iOS

دوستان و همراهان عزیز برای آنکه بتوانیم برنامه نویسی سیستم عامل iOS را شروع کنیم نیازمند پیش شرط هایی هستیم که در این قدم توضیح داده می شود. نصب و ایجاد یه سیستم عامل مک، ایجاد اکانت xcode از جمله کارهایی است که انجام خواهیم داد. یک راه فرار هم دارین و آن هم این که بخواهید یک مک پرو واقعی خریداری کنید!!! به دلیل قیمت گران آن این قدم پیشنهاد میشود که به صورت رایگان صاحب مک پرو شوید  😉 

ابتدا اقدام به نصب VMware خواهیم نمود. در این مطلب بنده از ورژن VMware.Workstation.10.0.1.1379776 استفاده نموده ام. سپس دانستن این نکته لازم است که VMWARE از نصب مک پشتیبانی نمی کند. لذا برای اینکه نصب امکان پذیر گردد باید آنرا Unblock کنیم.

ایجاد مک پرو مجازی برای طراحی iOS

بعد از نصب به پوشه نصب رفته و نرم افزار Unblock  را  انجا کپی کرده و اجرا میکنیم.(برای دانلود  vmware-unlocker-mac-os-x-guest را جستجو نمایید).

 

 

 

اگر پنجره بالا را مشاهده کردید یعنی VMWare  را آماده نصب مک نموده اید.

 

 

حال برنامه vmware را باز کرده و گزینه Create virtual machine را انتخاب می کنیم تا یک سیستم مک نصب و ایجاد کنیم. در قسمت سیستم عامل سیستم عامل مک را چنانکه در شکل نشان داده می شود انتخاب میکنیم.

 

 

 

همچنین نسخه مک را بر روی آخرین نسخه یا نسخه ای که می خواهیم آنرا بر روی سیستم نصب کنیم قرار می دهیم.

 

 

 

لازم است نسخه قابل اجرا بر روی vmware  را از اینترنت انتخاب نموده و دانلود نمایید. سپس آنرا برای نصب آماده نمایید. در اینجا من مک ورژن Mountain Lion را بر روی ماشین مجازی نصب خواهم نمود. بعد از دانلود آنرا extract نموده و فایل های آنرا استخراج می کنیم.

 

 

 

سپس داخل پوشه 2 رفته و یک بار دیگر عمل extract  را انجام میدهیم.

 

 

 

منتظر می مانیم تا تمام فایلها استخراج گردد.

 

 

 

 

حال فایل نصب که حدود 4 گیگابایت است را کپی میکنیم و به پوشه بیرون منتقل می کنیم.

 

 

 

حال برنامه ISO Image را باز کرده و نوع فایل نصب را convert  میکنیم.

 

 

 

به هنگام تبدیل از ما مسیر پرسیده می شود که کنار فایل نصب را آدرس می دهیم.

 

 

 

حال ok را انتخاب می کنیم تا روند تبدیل انجام گردد.

 

 

 

پس از تبدیل مجددا به vmware باز میگردیم و مسیر نصب سیستم عامل را وارد می کنیم.

 

 

 

در ساخت ماشین ظرفیت هارد آنرا 40 گیگ انتخاب نموده و گزینه single را انتخاب می نمایید.

 

 

 

سپس گزینه  Customize Hardware را انتخاب میکنیم.

 

 

 

حداقل Ram مورد نیاز را 2 گیگ انتخاب نمایید.

 

 

 

 

 تعداد پروسسور را 2 انتخاب نمایید.

 

 

 

حال شروع به نصب سیستم عامل مک نمایید.

ایجاد مک پرو مجازی برای طراحی iOS

در صورتی که تا کنون مک نصب نکرده اید، قدمهای زیر را دنبال نمایید تا موفق به نصب آن گردید.

 

 

 

 

به محض لود شدن بوت مک، این صفحه را مشاهده خواهید نمود که باید در آن هارد خود را پارتیشن بندی نمایید. برای این کار گزینه disk utility را انتخاب نمایید.

 

 

 

در قسمت های مختلف کارهای زیر را انجام میدهیم:

  1. در این قسمت فضای پارتیشن نشده را انتخاب میکنیم.
  2. در این قسمت زبانه partition را انتخاب می کنیم.
  3. در این قسمت میزان فضا و تعداد پارتیشن را مشخص می کنیم.
  4. در این قسمت نام پارتیشن مشخص می گردد.
  5. در این قسمت نوع فرمت پارتیشن را تعیین می کنیم(پیش فرض بماند)
  6. در این قسمت ظرفیت پارتیشن مشخص می شود.

 

 

 

با apply کردن و تایید اطلاعات پارتیشن بندی آغاز می گردد.

 

 

 

حال گزینه Reinstall OS X را انتخاب کرده و نصب را شروع میکنیم.

 

 

 

 

مانند نصویر بر روی continue کلیک نمایید.

 

 

 

نصب شما شروع شده اسن و بسته به سرعت سیستم شما 20 تا 60 دقیقه نصب سیستم عامل به سول می انجامد.

ایجاد مک پرو مجازی برای طراحی iOS

نصب شما به پایان رسیده و وارد محیط مک شده اید. در این قدم زبان سیستم را انتخاب خواهید نمود.

 

 

 

در این قدم نیز زبان کیبورد را انتخاب خواهید نمود.

 

 

 

در این مرحاه اگر اطلاعاتی را می خواهید به روی سیستم عامل منتقل نمایید مسیر انها و مکان انها از شما پرسیده می شود. اگر اطلاعات خاصی برای انتقال ندارید گزینه not now را انتخاب نمایید.

 

 

 

سیستم عامل مک تمام مجوز ها را با یک شناسه منحصر به فرد به نام apple ID ایجاد می کند. لذا لازم است شما نیز اپل آی دی خود را وارد نمایید. یا از قسمت نشان داده شده آنرا ایجاد نمایید.