مرجع مقالات رسمي و جامع طراحي اپليكشن

، اندرويد
در‌اين فصل به مولفه هاي گوناگون UIدر برگه ي اندرويد نگاهي خوا‌هيم كرد. اين فصل نكاتي را در زمينه‌ي پباده سازي بهتر UIپوشش مي‌دهد و هچنين چگونگي پباده سازي يك UIرا توضيح مي‌دهد.
مولفه هاي كاغذ ي UI
يك يوزر اينترفيس عادي از يك برنامه ي اندرويد دربرگيرنده نوار كار (action foo) و ناحيه ي محتويات برنامه مي‌شود.

طراحي اپليكيشن در مشهد
1)     نوار عمل اصلي
2)     در اختيار گرفتن ويو
3)     محدوده محتوا (content area)
4)     نوار كار split
اين مولفه ها در تصوير ذيل هم نشان داده گرديده اند.


فهم و شعور مولفه هاي ورقه
 واحد اصلي برنامه هاي اندرويد كار ميباشد. UIدر يك فولدر xmlتعريف مي گردد. طي جمع آوري، هر عنصر در XML، در مجموعه Android GUIهم تراز با خصوصيت هاي ارائه گرديده بوسيله طريق ها، كامپايل مي‌شود.
ويو و مجموعه هاي ويو
يك عمل مشتمل بر ويوهاي گوناگون مي‌گردد. يك ويو در واقع يك ويجت ميباشد كه روي برگه ظواهر مي‌گردد كه ميتواند دكمه و يا اين كه هرچيز ديگري باشد. يك يا اين كه تعدادي ويو مي‌توانند با هم در يك GroupViewقرار بگيرند. مثلا يك مجموعه دربرگيرنده لي اوت ها.
 گونه هاي لي اوت
گونه هاي مختلفي از لي اوت وجود دارا هستند كه برخي از آن‌ها در تحت ارائه گرديده اند.
1)     لي اوت خطي
2)     لي اوت بي نقص
3)     لي اوت جدول
4)     لي اوت چارچوب
5)     لي اوت متعلق
لي اوت خطي
لي اوت خطي به دو تيم افقي و عمودي تقسيم مي‌گردد، بدبن مضمون‌ كه ميتواند ويوها را در يك ستون يا اين كه يك رديف منظم نمايد. در اينجا كد لي اوت خطي را مي‌بينيد كه مشتمل بر يك text viewمي باشد.
‎
    ‎
    ‎
        ‎
        ‎‎
        ‎
    
 
لي اوت بدون نقص
اي اوت بي نقص شمارا توانمند مي شازد تا حالت ظريف زيرمجموعه هاي آن را مشخص و معلوم فرماييد، كه مي‌تواند مانند اين اعلام شود.


    ‎
    ‎‎
    ‎‎
لي اوت جدول
اين مدل لي اوت ويوها را در ستون ها و رديف هايي مجموعه بندي مي‌نمايد و مانند پايين بيان ميگردد.


    ‎
    ‎
        ‎
        ‎‎
        ‎‎
        ‎
    ‎
    ‎‎
لي اوت متعلق
اين جور لي اوت شمارا حاذق مي‌نمايد تا مشخص و معلوم فرماييد به چه شكل ويوهاي زيرمجموعه به يكديگر متعلق مي باشند. ادغام آن نيز مانند پايين هست.


    ‎
    ‎‎
لي اوت چارچوب
اين لي اوت يك داراي ي مكان روي كاغذ مي‌باشد كه ميتوانيد براي اكران يك ويو از آن استعمال فرماييد. مخلوط آن نيز مانند تحت مي‌باشد.


    ‎
    ‎
        ‎
        ‎‎
        ‎‎
 
علاوه بر اين مشخصات، خصوصيت هاي ديگري هم وجود دارا‌هستند كه در بين همگي ي ويو ها و تيم هاي ويو مشترك ميباشند. اين مشخصات در جدول تحت ارائه گرديده اند.

اندرويد استوديو امروزه به وسيله كمپاني گوگل گزينه پشتيباني قرار گرفته ميباشد و از يكسري گويش به شيوه هاي متفاوت پيشتيباني مي‌كند و ميتوان اعلام كرد كه تجهيزات جذاب و قابل توجهي را براي برنامه نويسي اندرويد در لحاظ گرفته ميباشد كه از در ميان آن ميتوان به تغييرات شايان توجه در بخش هاي گرافيكي پباده سازي xml و ... پرداخت كه بي ترديد در مثال هاي ديگر وجود نداشته ميباشد و در جور خويش نادر نظير ميباشد.

طراحي اپليكيشن در مشهد
همينطور اندرويد استوديو و sdk هاي اندرويد به صورت تروتميز بوسيله شركت ها مربوطه اپديت مي‌گردد و دارنده پشتيباني كار كشته اي مي باشند.يك‌سري سال پيش در حالتي كه در يك مسئله ي مختص برنامه نويسي ميكرديد با ايرادات مختلفي مواجه ميشديد كه اكثر آن‌ها به جهت پيشتيباني ضعيف آن‌ها محسوب مي‌شود البته اندرويد استوديو از اين قاعده مستثني ميباشد و تماما نياز بسط دهندگان را تا جايي كه قابليت پذير باشد بر آورده نموده است.
چه زباني را براي برنامه نويسي اندرويد گزينش كنيم؟زباني كه گوگل از آن به طور گسترده پشتيباني مي نمايد گويش جاوا ميباشد و اخيرا گويش كوتلين هم معرفي شده‌است.بسيار از برنامه نويساني كه فعاليت توسعه و گسترش ي اندرويد را بر عهده دارا‌هستند از اندرويد استوديو به كار گيري مي نمايند و عقيده دارا هستند كه شايسته ترين گويش براي اين فعاليت جاوا ميباشد.
براي همين ممكن ميباشد در گير سردرگمي هايي در اولِ خط مش گرديد براي همين تصميم گرفته ايم تا درين مقاله به معرفي مهم‌ترين لهجه هايي كه در اندرويد استوديو گزينه به كارگيري قرار مي‌گيرد اشاره كنيم شايد بتواند برايتان موثر واقع شود.شما پيشين از هر چيز بايستي بدانيد كه گويش هاي اصلي برنامه نويسي اندرويد استوديو چه خصوصيت هايي دارا‌هستند و به چه برهان پيشنهاد مي‌شوند.
جاوالهجه برنامه نويسي جاوا يك لهجه برنامه نويسي شي گرا ميباشد كه به صورت گسترده به وسيله برنامه نويسان اندرويد آيتم به كارگيري قرار مي گيرد.اين گويش بيشترين شباهت را به لهجه c++ را دارااست به نحوي كه در صورتي با سينتكس c++ آشنا باشيد مي‌توانيد به راحتي و با صرف گويش اندكي مقدمات جاوا را به خير و خوبي خاطر بگيريد.البته تفاوتي كه‌اين لهجه با c++ داراست درين ميباشد كه از شي گرايي راحت تري سود مي برد.
بهره اي كه گويش جاوا داراست و آن را از بعضا گويش ها متمايز مينمايد اين ميباشد كه متعلق به يك سيستم ادله خاصي وجود ندارد و شما مي‌توانيد در هر جايي كه لازم داشته باشيد اين كد ها را اجرا فرمائيد .

به طور عملي خيس پيش ميگيريم. در‌اين تمرين در آغاز يك پروژه ي اندرويدي توليد كرده، آن گاه آن را توسط ي Android Studio در اطراف برنامه ي مشابه ساز اندرويد(مي‌توانيد از اينجا طرز ساخت فضا مشابه ساز اندرويدرا حافظه بگيريد) فعال سازي ميكنيم.

طراحي اپليكيشن در مشهد
ساخت پروژه ي نو اندرويدبراي استارت فعاليت روي پيوند Start a new Android Studio project كليك نماييد. متناوباً ميتوانيد File → New Project... را از فهرست مورد تعيين نمائيد.

اين عمل پروسه دانلود SDK اندرويد را (در حالتي كه پيش از اينً انجام نشده) فعال‌سازي مي نمايد . آنگاه, قالب Blank Activity را تعيين فرماييد .

توليد AVD با امداد Android Studioدر وهله ي نخستين, مي بايست AVD جديدي تمجيد نماييد, اين فعاليت با بازكردن AVD Manager، و مراجعه به Tools → Android → AVD Manager قابليت و امكان پذير ميباشد. بعد از آن، روي دكمه ي Create Virtual Device... كليك نمائيد .
توليد AVD نواندازه هاي ورقه را طبق انچه در تصوير تحت مشاهده ميكنيد تهيه نماييد :

درحال حاضر, Finish را كليك فرمائيد. اين عمل تنظيمات لازمه ي AVD متبوع را توليد كرده و آن را ذيل ليست دستگاه هاي مجازي مو جود به اكران مي‌گذارد .
راه‌اندازي AVDبعداز تعيين گزينه تازه, روي دكمه ي Play كليك نماييد .

فعال‌ساز‌ي برنامه ي كاربرديRun → Run 'app' را تعيين نماييد تا برنامه اجرا شود. در حال حاضر پنجره اي پديدار مي‌گردد كه ميتوانيد در آن دستگاهي كه قرار ميباشد برنامه ي شما در آن آزمايش يا اين كه اجرا شود را تعيين نماييد .

بعد از اينكه با همديگه فراگيري اندرويد استوديو رو دنبال كرديم، هم اكنون از اين يادگرفتن برنامه نويسي با اندرويد، ديگر بدون واسطه به سراغ آغاز به فعاليت در اندرويد رفتيم و يك مثال نرم افزار اندرويد را فعال‌سازي كرديم.

خصوصيت هاي يگانه كاتلينگويش كاتلين هم مانند هر گويش ديگر، خصوصيت هاي مرتبط با خويش را دارااست كه به‌دنبال برخي از آن‌ها‌را بيان مي‌كنيم.
statically typed بودن كاتلينstatically typed بودن لهجه كاتلين دليلي بر مشخص و معلوم شدن متغيرهاي آن در حين كامپايل ميباشد.

طراحي اپليكيشن در مشهد
سود گيري از ابزار one-clickابزار one-click قابليت و امكان تبديل كدهاي جاوا به گويش كاتلين را مهيا مي نمايد. براين اساس مي اقتدار اعلام‌كرد كه كاتلين مبداء گشوده ميباشد و خصوصيت هاي اساسي جاوا را هم ارائه ميدهد.
كامل شدن خود كار كدهاكدهاي كاتلين به جهت هوشمند بودن اين گويش به صورت خود كار كامل شدن مي گردند و اين دستور سبب ساز مي‌شود كه چنانچه كدها را فراموش كرديد، به صورت خويش به خويش كامل شدن شوند.
اضافه كردن توابع در سورس كد كلاس هاكلاس هاي كاتلين قابليت اضافه كردن توابع يگانه را دارا‌هستند و بدين ترتيب برنامه نويسي آن را سريع خيس و ريلكس خيس مينمايند. اين توابع ماهر در لهجه كاتلين با اسم توابع Extension شناخته ميگردند.
سازش بالاابزارهاي كاتلين را به راحتي در گوشه و كنار اندرويد استوديو به كا بگيريد و سواي هيچ گرفتاري اي آغاز به كد زدن نماييد. گويش كاتلين با JDK6 سازگار شده‌است و اين قابليت و امكان براي شما موجود است تا آن را سواي هيچ مشكلي بر روي هر دستگاه كهن اجرا فرمائيد.

هر اپليكيشن يا نرم افزار و يا وب سايت به طور كلي به دو بخش تقسيم مي شود :–    بخش اول كه رابط كاربري (User Interface) ناميده شده و شامل تمامي عناصري است كه كاربر با آن در ارتباط است، از جمله منو ها، دكمه ها، فيلدهاي متني، متون، تصاوير و …–    بخش دوم كه مربوط به پردازش عمليات هاي موردنياز كاربر بوده و از چشم كاربر پنهان مي باشد.اپليكيشن هاي اندرويد هم از اين قاعده مستثني نيستند. يك اپليكيشن ساده ماشين حساب را در نظر بگيريد.
رابط كاربري

طراحي اپلكيشن در مشهد
چيزي كه كاربر مشاهده مي كند يك صفحه نمايش اعداد و چند دكمه شامل اعداد ۱ تا ۹ و دكمه هاي عملگر مانند جمع و تفريق و ضرب و … مي باشد. اما پشت صحنه مربوط به بخش عملكردي برنامه است كه ورودي هاي كاربر (شامل اعداد و عملگرهاي رياضي) را دريافت كرده، پردازش موردنظر روي ورودي اعمال شده و در نهايت جواب بر روي صفحه نمايش ماشين حساب در كسري از ثانيه ظاهر مي گردد.توجه داشته باشيد در اندرويد، هر صفحه قابل نمايش براي كاربر يك Activity ناميده مي شود.به عنوان مثال اگر بخواهيم يك اپليكيشن بسازيم كه شامل سه صفحه “صفحه اصلي” ، “صفحه آشنايي با شركت” و “صفحه ارسال پيام به پشتيباني شركت” باشد، راه ساده و ابتدايي اين است كه سه اكتيويتي مجزا ايجاد شود كه هر اكتيويتي نيز شامل دو فايل مي شود. يك فايل با پسوند xml براي تعامل با كاربر (نمايش متن و تصوير و دكمه ها و …) و يك فايل با پسوند java براي كدهاي عملكردي مربوط به آن صفحه كه به زبان جاوا نوشته مي شود.وقتي در اندرويد استوديو يك پروژه جديد تعريف مي كنيد، به صورت پيش فرض يك اكتيويتي نيز ساخته مي شود كه مربوط به صفحه اصلي اپليكيشن شماست و از دو فايل activity_main.xml (در مسير res/layout) و MainActivity.java (در مسير java/YourPackageName) تشكيل شده است.در اين فصل به آموزش بخش اول يعني رابط كاربري مي پردازيم.
XMLاگر خاطرتان باشد قبلا هم اشاره كرديم كه پياده سازي رابط كاربري در اندرويد به عهده XML مي باشد. XML مخفف عبارت eXtensible Markup Language به معناي زبان نشانه گذاري قابل گسترش مي باشد.اين زبان تا حدودي شبيه به زبان HTML بوده كه از تعدادي برچسب (tag) از پيش تعريف شده تشكيل شده است، با اين تفاوت كه در XML برچسب ها به دلخواه برنامه نويس نامگذاري شده و محدوديتي وجود ندارد. اگر قبلا در حوزه طراحي وب (HTML و CSS) مقداري كار كرده و يا حتي يك آشنايي مقدماتي نسبت به اين موارد داشته باشيد، اين مبحث را خيلي سريع تر به پايان خواهيد رساند.در توسعه اپليكيشن هاي اندرويد از XML براي تعريف و پياده سازي عناصر رابط كاربري (دكمه ها، تصاوير، فيلدهاي متني، چك باكس ها، نحوه چينش عناصر و …) استفاده مي شود.Seyed Mehdiعبارت بالا را مي توان ساده ترين مثال از زبان XML ناميد.ما تگ دلخواه با عنوان name تعريف كرديم و نام يك شخص را داخل آن قرار داده ايم.باز هم تاكيد مي كنيم كه قاعده و قانوني براي عنوان تگ ها وجود ندارد. به عنوان مثال براي مورد بالا مي توانستيم به صورت زير نيز تگ را تعريف كنيم :Seyed Mehdiالبته در اندرويد تگ هايي مانند Button (براي دكمه ها) و يا ImageView (براي نمايش تصاوير) مشخص و به صورت استاندارد از سوي گوگل معرفي شده است.هر تگ به صورت باز و بسته تعريف مي شود. در مثال قبل، تگ نمايش نام شخص با باز و با بسته شده است. تفاوت تگ بسته با تگ باز در “/” مي باشد. ضمن اينكه رعايت حروف كوچك و بزرگ در بخش هاي ابتدا و انتهاي تگ الزامي است، به اينصورت كه :Seyed Mehdi با Seyed Mehdi متفاوت خواهد بود و Seyed Mehdi اشتباه است.

چه اشخاصي در‌اين زمان كمپاني نمايند :
كساني كه مي‌خواهند خيلي سريع تارنما آيتم نظرشان را پباده سازي و براي آن يك نرم افزار اندرويد نيز ايجاد كنند.

طراحي اپليكيشن در مشهد
چرا دو عصر به طور همزمان برگزار مي گردد ؟
اين گزاره را به خيال و خاطر بسپاريد : پشت هر نرم افزار موفقي ، يك وبسايت پيروز قراردارد .
اگر در تامل ساخت يك استارتاپ مي‌باشيد ، نيازي وجود ندارد در صدر به تاءمل ايجاد يك نرم افزار اندرويد باشيد.بهتر ميباشد نخست از روش يك سايت ، بازار خويش را بسنجيد و مشتريان متعددي پيدا نمائيد و بعد مبادرت به ايجاد نرم افزار فرمائيد.البته براي اينكه آندسته از مشترياني كه رغبت دارا‌هستند از روش نرم افزار اندرويد از سرويس ها استارتاپ شما استعمال كنند را از دست ندهيد ، مي‌توانيد تارنما خويش را در يك نرم افزار اندرويد اكران دهيد و يك نرم افزار براي تارنما خويش ساخت فرماييد .با انجام اين فعاليت مشترياني كه قرار ميباشد از سرويس ها استارتاپ شما از روي نرم افزار استعمال نمايند را نيز از دست نخواهيد اعطا كرد.
ضمنا براي ساخت نرم افزار منحصربه‌فرد براي اندرويد نياز ميباشد كه با مفاهيم ديتابيس MYSQL  ومفاهيم سمت سرور بخوبي اشنا باشيد كه در‌اين زمان بطور بي نقص مباحث ديتابيس و مباحث سمت سرور به شما فراگيري داده خواهد شد.
تحت عنوان كمپاني كننده در عصر  ، در انتها چه دستاوردي خواهم داشت ؟
يك سايت ريسپانسيو كه امكان اكران در كامپيوتر ، تبلت ، و اشكال گوشيها را خواهد داشت
يك نرم افزار اندرويد كه تمام قابليتهاي سايت شما‌را خواهد داشت و مي توانيد نرم افزار را در اپ استورهاي متعدد براي دانلود مشتريانتان قرار دهيد.
چه پروژه اي فعاليت مي كنيم و چرا  ؟
■ پباده سازي بخش رئيس سايت
■ پباده سازي بخش كاربري تارنما 
■ قابليت و امكان نام نويسي بازديد كننده
■ قابليت و امكان اختصاص پروفايل به هر استفاده كننده
■ پباده سازي يك قسمت فروشگاهي
■ قابليت افزودن به سبد خريد
■ قابليت خريد از دكان
■ قابليت مشاهده فاكتور
■ قابليت پرداخت آنلاين
■ قابليت و امكان جستجوي محصول ها
■ قابليت طولاني تر ، حذف و دستكاري توليدات دكان
■ ايجاد نرم افزار اندرويد فروشگاهي 
شخصي كه بتواند تجهيزات و ماژول هاي نقل شده را از صفر تا صد انجام بدهد (خواسته ما وردپرس ، جوملا يا اين كه CMS  هاي اماده وجود ندارد )، توان جامعي در حوزه ساخت وب سايت پيدا مينمايد و كاملن با مباحث back-end  و front-end آشنا و ماهر مي گردد و در حالتي‌كه بخواهد وارد هر مجموعه برنامه نويسي و ساخت وب سايت سايتي شود براحتي مي تواند هر پروژه اي را پذيرش و پياده سازي كند.حتي مي‌تواند تحت عنوان پلاگين نويس يا اين كه هر سمتي در حوزه ساخت وب سايت درگير بكار شود.درضمن بدليل شالوده اي بودن اموزشها ، يادگيري مباحثي كه دراينده پديد خواهند آمد برايتان بسيار اسان و شادي بخش خواهد بود و از سردرگمي نجات پيدا خواهيد نمود.
همينطور در شرايطي‌كه بخواهيد استارتاپ و پروژه فردي خويش را فعال‌سازي فرمائيد ديگر نيازي به كمپاني در عصر مستقل ايجاد نرم افزار اندرويد نخواهيد داشت و تمام فنوني كه در پباده سازي نرم افزار اندرويد نياز داريد را به شما خوا هيم يادگرفت.

با بيشتراز نيم ميليون نرم افزار‌ iOS و اندرويد، در ميان نرم افزار‌هاي شبيه براي جلب لحاظ مخاطبان خويش رقابت متعددي موجود هست. در‌اين بازار رقابتي، تاثير نخستين (دست كم از حيث بصري) در اوليه نگاه را آيكن نرم افزار (App Icon) روي مخاطبان مي گذارد.

طراحي اپليكيشن در مشهد
اين نكته در ماركتينگ (بازاريابي) و برندينگ نرم افزار شما تاثير به‌سزايي دارااست چرا‌كه اين آيكن در جاهاي متعددي (مانند تارنما معرفي نرم افزار خويش، خبر ها مربوط به نرم افزار و غيره) چشم مي‌گردد.
داشتن آيكن مطلوب، پيروزي قطعي نرم افزار شمارا تضمين نمي‌نمايد، البته سبب ساز مي گردد يوزرها نرم افزار شمارا پيش از نصب، با اعتنا و عشقٔ بيشتري باز‌نگري نمايند؛ دست كم بخشي از توضيحات نرم افزار را بخوانند و يا اين كه به اسكرين‌شات‌هاي نرم افزار نگاهي بياندازند. چنانچه تاثير اين بخش‌ها نيز بر روي استفاده كننده كماكان مثبت باشد، نرم افزار شما بوسيله يوزرها بيشتري دانلود مي‌گردد.
رعايت موارد ذيل قادر است شمارا در پباده سازي آيكن مطلوب براي اپليكيشنتان كمك كند:
در پباده سازي آيكن نرم افزار، از عبارات به كارگيري نكنيد و بهتر ميباشد طرح تماما تصويري باشد. نام نرم افزار مدام تحت آيكن آورده مي‌گردد، به اين ترتيب لازم وجود ندارد مجدد در آن تكرار شود.بي آلايش بمانيد. در هنگام پباده سازي آيكن نرم افزار ايده‌ها را در حدي معمولي فرمائيد كه در انتها فقط به يك ايده پاياني برسيد.با ريزه كاري پباده سازي نماييد (حتي در صورتيكه شما فقط كسي ميباشيد كه متوجه اين ريزه كاري ميشويد). شما بدون چاره به تنظيم يك آيكن در بعدها 1024×1024 مي باشيد، پس مطمئن گرديد كه آيكن نرم افزار شما در اندازه تمام برگه، با شايسته ترين كيفيت ممكن چشم شود.آيكن خويش را مطابق با نرم افزار خويش پباده سازي فرماييد تا يوزرها سرگردان نشوند و شما‌را به راحتي به خيال بسپارند. در شرايطي‌كه شما يك سري نرم افزار در يك تيم با مفهومي شبيه داريد، آيكن‌هاي خويش را يك پارچه پباده سازي فرماييد تا نشان‌گر اين زمينه باشد. (مانند يكپارچگي در پباده سازي آيكن‌هاي نرم افزار‌هاي داراي ربط به اينستاگرام كه پيشتر نيز درمورد آن حرف كرده‌ايم)