اندرویدنرم افزار

ساخت اپلیکیشن اندروید در ۵ دقیقه!

ساخت اپلیکیشن اندروید

تا حالا برایتان پیش آمده است که بخواهید برای سایت، وبلاگ و یا کسب و کارتان اپلیکیشن موبایلی اندروید بسازید اما به دلیل آشنا نبودن با زبان های برنامه نویسی از خیر آن گذشته باشید؟

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

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

 وارد شدن به سایت

ابتدا وارد سایت Appyet شوید و پس از ثبت نام و دریافت تاییده ایمیل، لاگین کنید و سپس روی Create App کلیک کنید تا وارد مراحل ساخت اپلیکیشن شویم، لازم به ذکر است که ساخت اپلیکیشن در این سایت برخلاف بقیه سایتهای ساخت اپلیکیشن رایگان بوده و هیچ گونه تبلیغ و اثری از سایت Appyet در اپلیکیشن وجود ندارد.

vlcsnap-2015-02-12-13h04m14s167

وارد شدن به سایت

[aio_button align=”center” animation=”none” color=”green” size=”small” icon=”none” text=”Appyet.com” relationship=”nofollow” url=”http://appyet.com/”]

مراحل ابتدایی

حالا پس از کلیک کردن روی Create App وارد صفحه زیر می شوید که باید نام اپلیکیشن و قالب پیشفرض آن را مشخص کنید، نام پکیج بصورت اتوماتیک پر میشود.

مرحل ابتدایی ساخت اپلیکیشن

مرحل ابتدایی ساخت اپلیکیشن

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

مراحل ابتدایی ساخت اپلیکیشن

مراحل ابتدایی ساخت اپلیکیشن

اضافه کردن قابلیت ها

حالا شما باید در بخش Modules قابلیت های اضافی را حذف کنید تا حجم نرم افزاری که میخواهید بسازید کمتر شود. در پایین این صفحه می توانید قابلیت هایی از جمله فیدها، صفحه وب، فید اینستاگرام و فیسبوک و… را قرار دهید.

حذف Modules های اضافی

حذف Modules های اضافی

برای حذف Modules باید روی Details کلیک کنید و در پایین صفحه ی باز شده بر روی Delete This Module کلیک کنید.

خب بریم سر اضافه کردن Module ها!

وقتی می خواهید آخرین مطالب سایت و یا یک دسته خاص از مطالب سایتتان را قرار بدهید باید فید (RSS) آن دسته یا سایتتان را وارد این Module کنید؛ بدین صورت که ابتدا به پایین صفحه می آییم و بر روی (Feed (RSS/Atom کلیک می کنیم و در صفحه باز شده مطابق تصویر زیر ابتدا عنوان فید و در فیلد پایینی دسته آن عنوان را مشخص کنید و در بخش Menu order جایگاه آن فید را مشخص می سازید لازم به ذکر است که بعد از ساخت اپ نیز می توانید از طریق فلش های بالا و پایین جایگاه آن فید را تعویض کنید.

اضافه کردن فید

اضافه کردن فید

بعد از پر کردن فیلدهای بالا وارد مرحله ای می شوید که باید تنظیمات مربوط به آدرس فید، تعداد مطالب، اندازه تصاویر مطالب، نمایش ترجمه، نمایش نام نویسنده و… را انجام دهید.

در بخش DisQus Comment میتوانید بخش نظرات مخصوصی را برای اپلیکیشن تان بسازید.

و در بخش RTL Text باید تیک آنرا فعال کنید تا مطالب راست چین نمایش داده شود البته این بخش مخصوص زبان های فارسی، عربی و عبری است.

اضافه کردن فید

اضافه کردن فید

پس از ذخیره تنظیمات روی سربرگ General کلیک کنید تا آیکون فید را تغییر دهید و بتوانید نحوه ی نمایش مطلب را به دو صورت Grid یا List انتخاب کنید که در Grid مطالب بصورت یک منو نمایش داده می شوند و در List همانطور که از اسم آن مشخص است مطالب بصورت لیست به شما نمایش داده می شود، در پایان هم بر روی Save Changes کلیک می کنیم.

تغییر آیکون فید

تغییر آیکون فید

خب حالا اگر بخواهیم متن خاصی را و یا لینک یک مطلب را در اپلیکیشنمان قرار بدهیم باید از بخش New Module بر روی گزینه Web کلیک کنیم، پس از کلیک کردن بر روی گزینه وب باید تا لود شدن کاملا سایت صبر کنید چون ابتدا برای شما ادیتور مطلب را نمایش می دهد و در صورتی که شما قبل از لود شدن کامل تغییر حالت (یعنی از ادیتور به لینک تغییر دهید) بدهید سایت قاطی میکند 🙂

انواع آپشن ها

انواع آپشن ها

خب بعد از اینکه روی Web کلیک کردید با صفحه ی زیر مواجه می شود که باید ابتدا همانطور که گفتم چند ثانیه صبر کنید تا سایت بصورت کامل لود شود و پس از لود شدن کامل سایت در صورتی که میخواهید متن خاصی را به کاربر نمایش از همان حالت در ادیتور متن خود تان را بنویسید و اما در صورتی که میخواهید برای کاربر صفحه ای خاص از سایتی نمایش داده شود از بخش Type حالت را از Web Content به Web Link تغییر دهید و پس از لود شدن سایت فیلد ها را پر کنید.

حالت ادیتور

حالت ادیتور

پس از ذخیره کردن این بخش وارد سربرگ General شوید و در صورتی که میخواهید آیکون خاصی را انتخاب کنید.

بقیه Module ها هم چیز سختی ندارد و می توانید براحتی از آن استفاده کنید اما در صورتی که در آنها مشکل داشتید از طریق نظرات اعلام کنید.

قرار دادن تنظیمات خاص

اگر می خواهید تنظیمات خاصی را برای اپلیکیشن خودتان قرار دهید باید به سربرگ Setting مراجعه کنید.

در این بخش اگر می خواهید پس از باز کردن اپلیکیشنتان چند ثانیه لوگوی سایتتان نمایش داده شود (مانند اپلیکیشن آی تی پورت) بر روی تیک Splash Screen کلیک کرده و تنظیمات مربوط به آن را انجام می دهیم.

کمی پایین تر از Splash Screen بخشی وجود دارد در رابطه با تنظیمات آپدیت ها و پوسته پیشفرض که نیازی به توضیح ندارد.

سربرگ Setting

سربرگ Setting

قراردادن پوسته ی اختصاصی

در صورتی که شما هم میخواهید مانند اپلیکیشن آی تی پورت برای خودتان پوسته های متعددی را اضافه کنید باید وارد سربرگ Themes شده و بر روی New Theme کلیک کنید در این بخش تنها چیزی که شما نیاز دارید دسترسی به کد رنگ هاست که البته خود Appyet این امکان را برای شما گذاشته است.

ساختن پوسته

ساختن پوسته

دریافت اپلیکیشن

حالا برای دریافت اپلیکیشن ساخته شده خودتون باید به سربرگ Build مراجعه کنید و پس از کلیک برروی Submit to Build منتظر بمانید تا اپلیکیشنتان به ایمیلی که با آن لاگین کرده اید ارسال شود، این کار معمولا ۳۰ ثانیه طول می کشد.

دریافت اپلیکیشن

دریافت اپلیکیشن

خیلی خب حالا اپلیکیشن در ایمیل شماست.

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

لطفا مشکلتان خودتان یا نکته ای که بنده فراموش کرده ام را از طریق نظرات به ما اطلاع دهید تا این مطلب را اصلاح کنیم.

[aio_button align=”center” animation=”swing” color=”orange” size=”small” icon=”download-alt” text=”Download Now” relationship=”nofollow” url=”http://www.itport.ir/wp-content/uploads/2015/02/Create-Appwww.itport.ir_.rar”]

گفتگو ها
    محمد

    عالیه واقعا مرسی

    محسن برجی

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

      حجت ملکی

      خواهش میکنم اگه نکته ای یا مشکلی توی سایت پیدا کردید لطفا اطلاع بدید

    mohamad

    هنوز از xp استفاده میکنید؟

    سلام چگونه میشود در اپ خود مطلب گذاشت

      حجت ملکی

      توی مطلب توضیح کامل دادم، گفتم اگر میخواهید مطلبتون ثابت باشه باید از بخش New Module روی Web کلیک کنید و از ادیتور متنتون رو قرار بدید، اما اگر خواستید مثل آی تی پورت مطالبتون نمایش داده بشه باید از همون بخش New Module روی (Feed (RSS/Atom ;کلیک کنید و تنظیماتش رو وارد کنید.

      اگه مشکلی پیش اومد یا من بد توضیح دادم لطفا بگید.

        سلام تشکر از زحمت شما / من برای یک اپلیکیشن پویا مشکل دارم – ایا امکان ایجاد درگاه پرداخت هم وجود دارد ؟ با تشکر

    محمد

    اولا خیلی دقلین من فکر کردم خودتون ساختین دوما چیکار کردین تو بازارم گذاشتم منم دوست دارم برای خودمو بزارم؟؟؟؟؟سوما برنامه نویسی بلدین چهارمی هم از کجا میتونیم به یاد بگیریم

      حجت ملکی

      اون اولاً تون رو متوجه نشدم، اگه خواستین توی بازار بگذارید باید از این لینک استفاده کنید. من برنامه نویسی C++ یکمی بلدم ، کلاس خصوصی رفتم.

    محمد

    واقعا ممنون با از این ترفند ها بهمون اموزش بدین خیلی کاری بودش دوستون دارم

    خیلی آموزش خوبی بود ، آیا زبان اپ فارسی میشه؟ به صورت پیشفرض؟

      حجت ملکی

      بله، وقتی شما توی ماژول ها به فارسی می نویسی فارسی هم نمایش داده میشه

        منظورم اینه که به طور پیشفرض فارسی میشه کرد؟ منوها و مواردی که خودمون فارسی مینویسیم منظورم نیست ، منظورم راست چین بودن و فارسی بودن منوهای تنظیمات و… هست.

        شما بعد از تولید اپ به تنظیمات برید و از قسمت زبان ها ، زبان فارسی رو انتخاب کنید ، تازه اپ فول فارسی و راست چین میشه!

        آیا راه حلی دارید که بشه به طور پیشفرض روی فارسی قرار داد؟

          حجت ملکی

          نه راه حلی برای پیشفرض بودنش ندارم اگه شما فهمیدید به ما هم بگید

    از داخل خود اپ وقتی میزنی پیشفرض فارسی باشه ، قبول نمیکنه و میگه که زبان فارسی اپ هنوز کامل نیست! (چند ساله اینطوره)

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

    ناقص هم نیست ، در حد ۹۵% راست چین و فارسی میشه

      حجت ملکی

      میتونین از طریق ایمیل بهشون اطلاع بدید من خودم چند بار برای تغییر رابط کاربریش بهشون ایمیل زدم تا بلاخره توی این نسخه جدیدش که بزودی میزارم توی بازار، تغییرش دادن.

    اپ رو که ساختین تو بخش تنظیمات زبان فارسی داره ولی پیش فرض نمیشه . همون باید ایمیل بزنیم امکان انتخاب زبان هم بزارن

      حجت ملکی

      من ایمیل دادم نمی دونم اعمال میکنن یا نه شما هم بفرستید شاید تعداد زیاد بشه اضافه کنن

    مسیح شرافت

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

    لطفا راهنمایی بکنید.

      لازم نیست حتما پرو داشته باشید میتونین توی بازار بزارین و آپدیت هاشو مردم خودشون بگیرند مثل همه برنامه ها

    تبلیغات میاره که !

      حجت ملکی

      این تبلیغات ماله نرم افزار Blue Stacks هستش اگر روی موبایل اپ تون رو نصب کنید چنین تبلیغاتی نمی بینید 🙂

    میترا شکری

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

      حجت ملکی

      برای اینکار شما میتونید بجای انتخاب گزینه وب لینک از گزینه های دیگر مانند تکست استفاده کنید اگر نیازتان بیشتر از این بود سایتهای دیگری نیز هستند اما متاسفانه تبلیغات آنها زیاد است و اگر بخواهید اختصاصی اپلیکیشنی درست کنید باید از نرم افزارهای eclipse و یا google android studio استفاده کنید.

    راضیه

    سلام خسته نباشین

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

    مشکل کارم از کجاست؟ 🙁

    تشکر از اموزش خوبتون

    راضیه

    درست شد 🙂

    توی Feed قسمت Encoding و utf8 انتخاب کرده بودم روی Auto گذاشتم درست شد

    فقط یه چیز دیگه.راهی هست برای api2.3 اپ و بسازیم؟

    تو قسمت build نوشته

    Target Template:

    ۳٫۱٫۷

    ساخت اپهایی با کارایی مرسوم بسرعت داره ساده و ساده تر میشه واقعا

    از مطالب شما لذت بردم

    http://novingostaran.ir

    با سلام؛

    تشکر از معرفی این نرم افزارتون؛

    من یه نرم افزار ساختم و چنتا مشکل برام پیش اومده اگه میشه میخام ازتون راهنمایی بگیرم؛

    اول اینکه من برای سایتی که میخام درست کنم وقتی وارد خبری میشیم قسمت نظرات نمیاد و نمیتونیم نظر بزاریم براش؛ مثه نرم افزار آی تی پورت نمیشه؛ شما نرم افزارتونو با این نرم افزار ساختید که؟ سایتی که من میخام بسازم http://www.anarpress.ir و توی سایت برای هر خبر قابلیت نظرگذاشتن وجود دارد؛

    دوم اینکه وقتی اکانت فیس میدم و نرم افزار رو باز میکنم فیسبوکمو باز نمیکنه؛

    سوم اینه وقتی میخام اکانت اینستامو بدم توی سایت اخطار میده و نمیگذارد ذخیره کنم؛

    با تشکر…

      حجت ملکی

      شما برای نظر دادن داخل خود نرم افزار باید توی سایت DisQus عضو باشید و تنظیماتشو مثل بالا که توضیح دادم وارد کنید بدین صورت شما میتونید از داخل نرم افزار هم نظر بگذارید.

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

    سلام،

    در ابتدا اصلاح کنم برای استفاده از کلمه ی نرم افزارتون در نظر قبلیم،

    تشکر برا راهنماییتون،

    فیسبوک و اینستام رو با وب درست کردم،

    توی سایت هم عضو شدم و نظرات اومد ولی کار نمیکنه،

    اگه تونستید فعالش کنیم ممنون میشم خبرم کنید،

    نکته ی بعدی که خیلی برام مهمه اینه که اگه کسی توی این نرم افزار خبر بخونه آیا به تعداد بازدید کننده های سایت اضافه میشه، چون تعداد بازدید کننده های سایت زیاده و اگر این نرم افزار باعث بشه که تعداد بازدید کننده ها بیاد پایین خیلی بده،

    نکته ی بعدی اینکه برای از بین بردن تبلیغات زیر نرم افزار ک گهگاهی میاد باید اکانت خرید؟

    نرم افزار شما هم این تبلیغات رو هم داره،

    با تشکر…

      ببخشید که به نظرات دیر پاسخ دادم مشکلاتی داشتم، در رابطه با بخش نظرات نرم افزار سایتهای بسیاری هستند که این مورد را فعال کردند شما نمی دانم چطور نتوانستید. در رابطه با بازدید کننده اگر شخص بر روی “مشاهده سایت” کلیک کند یا از طریق WEB LINK صفحه ای را باز کند بله برای شما بازدید حساب میشود در غیراینصورت خیر، اما شما میتوانید مانند آی تی پورت اولین بخش نرم افزار رو به نمایش صفحه اصلی سایتتون اختصاص بدید که براتون بازدید ثبت بشه.

      و اما مورد آخر، متاسفانه چند وقتیه که این شرکت تبلیغات رو اضافه کرده و تنها راهش خرید اکانته که به نظر من ضرر و اگر میخواهید نرم افزار بهتری داشته باشید خودتون یکی بنویسید یا سفارش بدید ماله آی تی پورت هم بصورت موقته و چند وقت دیگه تغییر داده میشه.

      متشکرم

    با سلام لطفا برای گوشیهای ایفون هم یک برنامه معرفی کنید

      سایتهایی هستند که این مورد را ارائه میدهند میتونید توی اینترنت سرچ کنید اما متاسفانه اکثرا دارای تبلیغات هستند، اگر موردی را بدون تبلیغات پیدا کردید به ما اطلاع بدهید.

    ممنون از آموزش خوبتون

    با سلام،

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

    راستی جواب سوال قبلیم هم ندادی که آیا تعداد بازدید کننده ها رو کم میکنه یا نه؟

    با تشکر…

      این بخش بصورت پیشفرض disable هستش و چند وقتیه که ارائه شده و شما باید از همان بخش Modules نسبت به فعالسازی اقدام کنید. جواب سئوالات قبلی شما هم پاسخ داده شده اند بابت دیر پاسخ دادن هم متاسفام

    سلام

    ببخشید توی قسمت

    RSS/Atom Feed Url

    چی باید بنویسیم؟

    منصور حیدری

    سلام

    امکان گذاشتن عکس در این برنامه هست؟ جوری که عکس از کامپیوتر آپلود کنیم نه لینک وبی بدیم

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

    سلام واقعا عالی بود حتی من حاضرم برای اموزش جزع به جزع تصویری این سایت پول هم بدم ، ولی چیزی که میخواستم بگم دوستان قبلا سوال کردن جواب ندادین ، میشه یک جوری ساخک این اپ رو که یکی بیاد از تو موبایلش عکس اپلود کنه بعد اون به صورت خودکار بعد از تایید ما بره رو سایت و هم یک قسمت تو اپ ؟؟

      باید سایتتون امکان آپلود تصاویر رو داشته باشه و گرنه داخل نرم افزار نمیشه چون برای نرم افزار هاست که نخریدید 🙂 میتونید توی یه بخش در سایتتون یک بخش آپلود تصاویر قرار بدید که مربوط به کدنویسی میشه و ربطی به اندروید نداره و لینک اون صفحه رو در نرم افزار قرار بدید حتی شما میتونید اون صفحه رو بصورت رسپانسیو قرار بدید که توی موبایل حالت بهتری داشته باشه.

    fatimah taghavi

    سلام ممنونم از آموزش خوبتون و از سایتی که معرفی کردید

    من از برنامه نویسی برای طراحی اپلیکیشن چیزی نمیدونم

    تونستم با راهنمایی شما با استفاده از appyet اپلیکیشن آموزشی خودمو خیلی عالی درست کنم.

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

    آیا راهی هست که من بتونم از یک پوشه در کامپیوترم عکس ها را توی اپلیکیشنم بگذارم؟

    آیا عکس های اپلیکیشن itport از یک سایت داخل اپلیکیشن اومده؟

    ممنونم

    حامد

    سلام

    بسیار عالی بود.

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

      حجت ملکی

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

    مرتضی

    سلام

    من میخوام برا سوپر مارکتم یه اپلیکیشن طراحی کنم

    شبیه سایتهای خرید که میشه توضیحات و عکس محصولات رو دید و بعد سبد خرید و بعد پرداخت آنلاین کرد

    البته بدون داشتن سایت و فقط روی موبایل

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

    شما میتونید برام درستش کنید??

    هزینش چقدر میشه??

    باتشکر فراوان

      حجت ملکی

      این چیزی که شما گفتید باید برید هاست بگیرید چون همینطوری کشک که نیست مطالب نشون داده بشه 🙂

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

      ممنونم که مشکلتون رو بیان کردید.

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

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

    http://appwizard.ir

    سلام

    ممنونم

    خیلی کاربردی بود

    بی هیچ دردسری برای سایتم اپلیکیشن ساختم

    بازم سپاس

    سبز باشید

    mahdi

    سلام

    به ایمیلم ارسال شد حالا چطوری برنامه رو ازش بگیرم و رو گوشیم نصب کنم؟؟؟؟

    سلام آقا حجت ملکی خسته نباشی

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

    با تشکر

    info.barfmusic@Gmail.com

      حجت ملکی

      لطفا امرتون رو از طریق ایمیل در میان بگذارید.

    میثم

    سلام چجوری برنامه هایی مثل کی به وای فای وصله رو بسازیم لطفا برام ایمیل کنین