آموزش برنامه نویسی با فلاتر

کار با فریم ورک فلاتر، مطابق با سرفصل های وزارت علوم برای دروس برنامه نویسی موبایل.

منبع تدریس.

⚠️ توجه بسیار مهم: این جزوه منبع اصلی طرح سوالات آزمون نهایی شماست. سوالات پایان‌ترم دقیقاً از مفاهیم تئوری و مثال‌های کدنویسی موجود در این فایل و لیست ۱۵ سوال نهایی انتهای جزوه طرح خواهد شد. لذا مطالعه دقیق و تمرین کدهای آن برای موفقیت در آزمون الزامی است.

[📥 دانلود فایل PDF جزوه (نسخه نهایی)]»

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

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

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

خواهد گرفت.

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

برای نصب و استفاده از فلاتر لازم است موارد زیر را به انجام دهید. (درویدئو نیز اشاره شده است)

1- نرم افزار  Vs Code  را دانلود و نصب نمایید.

2- افزونه یا اکستنشن زبان برنامه نویسی دارت را در Vs Code  دانلود ونصب کنید.

3-اکستنشن فلاتر را در Vs Code  نصب نمایید.

4-SDK Flutter را از کانال روبیکا دانلود کنید . لینک کانال -( دقت کنید پوشه فلاتر فایل دانلود شده را در درایو C  کپی کنید. )

5- JDK  را دانلود و نصب کنید. لینک دانلود در کانال بالا موجود است.

6-مشابه تصویر زیر JDK را patch  کنید.

نهایتا سیستم را Restart  کرده و VS code  را اجرا کنید .

رفع خطای uri_does_not_exist در Flutter اگر هنگام اجرای پروژه در VS Code یا Android Studio با خطای زیر روبه‌رو شدید: Target of URI doesn't exist: 'package:flutter/material.dart  یا هنگام اجرای دستور flutter pub get خطای زیر را دیدید: Because flutter_application_1 depends on flutter_lints any which doesn't exist (authorization failed) Insufficient permissions to the resource at the https://pub.dev package repository. این مراحل را به ترتیب در ترمینال (Terminal) اجرا کنید: 1️⃣ بررسی مسیر پروژه ابتدا مطمئن شوید داخل پوشه اصلی پروژه هستید. اگر نیستید، دستور زیر را اجرا کنید: cd مسیر_پروژه 2️⃣ افزودن مجوز دسترسی به مخزن pub.dev دستور زیر را بزنید: dart pub token add https://pub.dev در مرحله بعد که از شما عبارت Enter secret token: را خواست، کافیست کلید Enter را بزنید و منتظر بمانید تا پیام موفقیت‌آمیز نمایش داده شود. 3️⃣ دریافت پکیج‌ها در نهایت، دستور زیر را وارد کنید: flutter pub get صبر کنید تا پیام exit code 0 یا Running "flutter pub get" in ... نمایش داده شود. ✅ نکات تکمیلی اگر هنوز مشکل باقی بود، یک‌بار دستور زیر را هم اجرا کنید:    flutter clean flutter pub get در صورت ادامه خطا، از V  P N دیگری استفاده کنید یا از mirror چین (flutter-io.cn) بهره بگیرید.

با توجه به مشکلاتی که دانشجویان در نصب نرم افزار داشتند ویدئوی راهنمای نصب نرم افزارهای فلاتر، اندروید استودیو و VS Code.

همچنین نحوه پیکربندی با جزئیات  در فیلم زیر بیان شده است. (با آرزوی موفقیت برای همه عزیزان).

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

فایل کمکی1.

دانلود ویدئو بخش اول

قسمت دوم

ادامه از قبل

کلاس های ثابت :

Static Class in flutter

پروژه آموزش برنامه نویسی با فلاتر

کد نویسی بخش ظاهری اپلیکیشن محاسبه شاخص توده بدنی یا BMI

درباره BMI

شاخص توده بدنی معمولاً برای ارزیابی وضعیت وزنی افراد استفاده می‌شود و می‌تواند در دسته‌های زیر قرار گیرد:

– کمتر از 18.5: کمبود وزن
– 18.5 تا 24.9: وزن نرمال
– 25 تا 29.9: اضافه وزن
– 30 یا بیشتر: چاقی

توجه داشته باشید که BMI تنها یک ابزار ارزیابی است و نمی‌تواند تمام جنبه‌های سلامتی فرد را نشان دهد.

فرمول وزن/(قد*قد)

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

فرمول نویسی BMI. در فلاتر.

آموزش فلاتر (موبایل2) – بخش دوم .

Part2- Navigator In Flutter ‘Mobile2’ – Download

خروجی گرفتن APK  در فلاتر

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

1-اتصال ف**یلترشکن

2-تایپ flutter build apk  برای خروجی گرفتن APK  برای موبایل اندروید .

2-1 : تایپ flutter build web  برای نسخه وب flutter build windows  برای نسخه ویندوز.

3- در پوشه Build  کد های فلاتر خروجی برنامه قرار خواهد گرفت.

مشاهده و دانلود -Navigate Name Routing 

مشاهده و دانلود -Responsive Application in Flutter

MediaQuery ریسپانسیو – 2

مثال ریسپاانسیو در برنامه نویسی فلاتر 

 تصویر در فلاتر

راهنمای حل خطای ساختار YAML در فلاتر (نصب فونت فارسی)

یکی از رایج‌ترین چالش‌ها برای برنامه‌نویسان نوپا در فلاتر، خطاهای مربوط به فایل pubspec.yaml است. این فایل به شدت به فاصله‌ها (Indentation) حساس است و حتی یک جابه‌جایی کوچک می‌تواند مانع از شناسایی فونت‌ها یا دارایی‌های (Assets) پروژه شود.

قانون طلایی فاصله‌ها در پاپ‌اسپک (Pubspec)

در فایل‌های YAML، سلسله‌مراتب با تعداد فضاها (Spaces) مشخص می‌شود. برای اضافه کردن فونت فارسی (مثل ایران‌سنس)، باید از الگوی ۲-۴-۶-۸ پیروی کنید. یعنی هر زیرمجموعه، نسبت به بخش بالایی خود، ۲ واحد فاصله بیشتر دارد.

کد استاندارد برای درج در پروژه:

flutter:
  uses-material-design: true

  # بخش فونت‌ها باید ۲ فاصله از لبه سمت چپ داشته باشد
  fonts: 
    # نام خانواده فونت باید ۴ فاصله از لبه داشته باشد
    - family: IranSanse 
      # کلمه fonts (دوم) باید ۶ فاصله از لبه داشته باشد
      fonts: 
        # مسیر فایل باید ۸ فاصله از لبه داشته باشد
        - asset: fonts/irsans.ttf 

نکات کلیدی برای رفع خطا:

1. از کلید Tab استفاده نکنید: همیشه از کلید Space (فاصله) استفاده کنید؛ زیرا مفسر YAML ممکن است کاراکتر Tab را شناسایی نکند و خطای exit code 65 یا Expected a key بدهد.

2. دقت در نام‌گذاری: نامی که جلوی family می‌نویسید، دقیقاً همان چیزی است که باید در کد Dart و در بخش TextStyle استفاده کنید.

3. تزریق فونت: بعد از اصلاح این فایل، حتماً دستور flutter pub get را اجرا کنید و برای مشاهده تغییرات، اپلیکیشن را یک‌بار کاملاً متوقف (Stop) و دوباره اجرا (Run) نمایید.

 API  در برنامه نویسی فلاتر

استفاده از Post  در برنامه نویسی فلاتر.

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

API  در فلاتر کلاس آنلاین:

جمع‌بندی و دسترسی به منابع آزمون نهایی

در این دوره جامع آموزش برنامه‌نویسی موبایل ۲ فلاتر، از مفاهیم اولیه زبان دارت تا پیشرفته‌ترین مباحث مانند اتصال به API در فلاتر، مدیریت حالت (State Management) و طراحی اپلیکیشن‌های ریسپانسیو (Responsive) بررسی شد. این محتوا منطبق بر سرفصل‌های مصوب دانشگاه ملی مهارت تهیه شده است تا دانشجویان عزیز علاوه‌بر یادگیری مهارت‌های بازار کار، آمادگی کامل برای آزمون نهایی را کسب کنند.

چند گام برای موفقیت در این درس: ۱. دانلود جزوه: حتماً نسخه نهایی جزوه فلاتر را از بخش بالای صفحه دانلود کنید. ۲. رفع خطاهای متداول: راهنمای حل خطای YAML و ساختار فونت فارسی را با دقت مطالعه کنید. ۳. تمرین عملی: پروژه‌های محاسبه BMI و کار با Navigator را چندین بار بازنویسی کنید.

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

Hrezapour.ir | پروژه پایان‌ترم برنامه‌نویسی موبایل ۲ (Flutter)

معرفی پروژه: اپلیکیشن بانک اطلاعات فیلم (Filimo Clone)

در این بخش، مستندات و منابع لازم برای پیاده‌سازی پروژه نهایی درس برنامه‌نویسی موبایل ۲ ارائه شده است. این پروژه با هدف تسلط دانشجویان بر ارتباطات شبکه (Network)، مدیریت داده‌های JSON و طراحی رابط کاربری ریسپانسیو در فلاتر طراحی شده است¹.

📌 ملزومات و ویژگی‌های فنی پروژه:

• اتصال به API: فراخوانی داده‌ها از منبع خارجی با استفاده از پکیج http .

• مدیریت وضعیت: استفاده از ویجت FutureBuilder برای هندل کردن وضعیت‌های لودینگ و خطا .

• طراحی ریسپانسیو: تغییر چیدمان (تعداد ستون‌ها) در حالت Portrait و Landscape بدون خطای Overflow  .

• بومی‌سازی: استفاده از فونت فارسی (وزیر) و نمایش صحیح متون با دیکودر UTF-8  .

🔗 منابع مورد نیاز برای دانلود و استفاده:

⚖️ جدول بارم‌بندی (۲۰ نمره نهایی):

برای کسب نمره کامل، پروژه‌ی شما بر اساس پارامترهای زیر ارزیابی خواهد شد⁶:

1. ساخت مدل داده (Model) و تبدیل JSON: ۳ نمره .

2. مدیریت Http و اتصال به شبکه: ۳ نمره .

3. کار با FutureBuilder (لودینگ و خطا): ۳ نمره .

4. پیاده‌سازی GridView و صفحه جزئیات: ۳ نمره .

5. ریسپانسیو بودن و ناوبری (Navigation): ۵ نمره .

6. فونت فارسی و تمیزی کد: ۳ نمره .

⚠️ تذکر مهم آموزشی:

دانشجویان عزیز توجه داشته باشند که استفاده از کدهای آماده اینترنتی بدون تغییر و درک عمیق ساختار داده‌ها ممنوع است. در جلسه‌ی دفاع، از نحوه مدیریت خطاها و جزئیات پارس کردن داده‌ها سوال خواهد شد .

امیدوارم این پروژه قدم مؤثری در مسیر حرفه‌ای شدن شما در دنیای فلاتر باشد.

Hrezapour.ir

ثبت نهایی پروژه و تشکیل گروه

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

⚠️ نکات مهم قبل از ثبت‌نام:

• تعداد اعضا: پروژه‌ها می‌تواند به صورت انفرادی یا حداکثر در گروه‌های ۲ نفره انجام شود.

• یکتایی عنوان: هر گروه فقط مجاز به انتخاب یک عنوان پروژه است.

• مسئولیت ثبت: فقط «سرگروه» اقدام به تکمیل فرم زیر نماید تا از ثبت اطلاعات تکراری جلوگیری شود.

• نمره کامل: طبق جدول بارم‌بندی، تشکیل به موقع گروه و انتخاب صحیح عنوان، بخشی از روند ارزیابی نهایی شماست.