آموزش برنامه رزرو تاکسی را مانند برنامه inDriver، OLA و Uber Clone بسازید

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

برنامه Drivers - ایجاد، راه اندازی یک پروژه جدید - احراز هویت درایورهای جدید Drivers App - Create, Setup a new Project - Authenticate New Drivers

• ایجاد و راه اندازی یک پروژه جدید Create & Setup a new project

• صفحه معرفی Splash Screen

• نوار پیمایش پایین Bottom Navigation Bar

• رابط کاربری صفحه ثبت نام SignUp Screen ui

• صفحه نمایش جزئیات خودرو Car Details Screen

• رابط کاربری صفحه ورود Login Screen ui

• اتصال برنامه با Firebase Connect App with Firebase

• اعتبار سنجی فرم ثبت نام Signup Form Validation

• گفتگوی پیشرفت Progress Dialog

• اطلاعات راننده را ذخیره کنید و جزئیات خودروی راننده را در پایگاه داده ذخیره کنید - درایورهای ثبت نام Save Driver Details & Save Driver Car Details to Database - SignUp Drivers

• بررسی کنید که آیا درایور قبلاً وارد شده است - خروج از درایور Check if Driver already LoggedIn - SignOut Driver

• تأیید اعتبار کاربر و ورود کاربر Validate user and Login user

• کد منبع این بخش Source Code of this section

برنامه کاربران - ایجاد، راه اندازی یک پروژه جدید - احراز هویت کاربران جدید Users App - Create, Setup a new Project - Authenticate New Users

• ایجاد و راه اندازی یک پروژه جدید Create and Setup a new Project

• اتصال برنامه با Firebase Connect App with Firebase

• صفحه معرفی Splash Screen

• اجرای کاربر ورود و ثبت نام - کاربر خروج Implementing Login and SignUp user - Logout user

• کد منبع این بخش Source Code of this section

برنامه کاربران - پیاده سازی/افزودن نقشه های گوگل در برنامه کاربران Flutter Users App - Implement/Add Google Maps in Flutter users app

• راه اندازی نقشه های گوگل برای Flutter iOS و برنامه های اندروید Google Maps Setup for Flutter iOS and Android Apps

• پیاده سازی و نمایش تم سیاه برای نقشه گوگل Implement and Display Black Theme for Google Map

• کد منبع این بخش Source Code of this section

برنامه Drivers - پیاده سازی/افزودن Google Maps در برنامه Flutter drivers Drivers App - Implement/Add Google Maps in Flutter drivers app

• پیاده سازی و نمایش نقشه های گوگل در برنامه Drivers Implement and Display Google Maps in Drivers App

• کد منبع این بخش Source Code of this section

برنامه Drivers - بررسی کنید که آیا سابقه راننده وجود دارد یا خیر Drivers App - Check if Driver Record Exists

• بررسی کنید که آیا سابقه راننده وجود دارد یا خیر Check if Driver Record Exists

برنامه کاربران - بررسی کنید که آیا سابقه کاربر وجود دارد یا خیر Users App - Check if User Record Exists

• بررسی کنید که آیا سابقه کاربر وجود دارد یا خیر Check if User Record Exists

• کد منبع این بخش Source Code of this section

برنامه کاربران - خواندن و نمایش اطلاعات کاربر در کشو ناوبری Users App - Read and Display user info on Navigation Drawer

• کلاس مدل کاربر user Model Class

• اطلاعات کاربر آنلاین فعلی را از پایگاه داده بخوانید و نمایش دهید Read and Display Current Online user info from Database

• کشو ناوبری - سربرگ کشو Navigation Drawer - Drawer Header

• دکمه کشوی ناوبری سفارشی را اجرا کنید Implement Custom Navigation Drawer Button

• کشو ناوبری - بدنه کشو Navigation Drawer - Drawer Body

• کد منبع این بخش Source Code of this section

برنامه کاربران - جستجوی کانتینر رابط کاربری مکان Users App - Searching Location UI Container

• ظرف رابط کاربری مکان را جستجو کنید search location ui container

• برخی از اطلاعات در مورد کاربران لاگین some information about login users

• کد منبع این بخش Source Code of this section

برنامه کاربران - GeoLocator، مکان فعلی کاربر را دریافت کنید Users App - GeoLocator, Get user Current Location

• مکان فعلی کاربر را دریافت کنید و آن را در نقشه ها به روز کنید get user current location and update it on maps

• گفتگوی هشدار - درخواست مجوز مکان alert dialog - asked for location permission

• تنظیم نقشه مورد نیاز setting up the map requirements

• کد منبع این بخش Source Code of this section

برنامه کاربران - معکوس ژئوکدینگ، آدرس پیک آپ را با مدیریت ایالت ارائه دهنده تنظیم کنید Users App - Reverse GeoCoding, set PickUp Address with Provider State Management

• به api برنامه نویسی معکوس جغرافیایی متصل شوید connect to reverse geo coding api

• آدرس قابل خواندن انسان را از مختصات جغرافیایی کاربر دریافت کنید get human readable address from user geo graphic coordinate

• به روز رسانی آدرس مکان PickUp کاربر با مدیریت ایالت ارائه دهنده - قسمت 1 update user PickUp Location Address with Provider State Management - part 1

• به روز رسانی آدرس مکان PickUp کاربر با مدیریت ایالت ارائه دهنده - قسمت 2 update user PickUp Location Address with Provider State Management - part 2

• کد منبع این بخش Source Code of this section

برنامه کاربران - Places API [جستجوی خودکار مکان کامل]، آدرس حذف را جستجو کنید Users App - Places API [Auto Complete Place Search], Search DropOff Address

• رابط کاربری صفحه نمایش آدرس محل انحراف را جستجو کنید search dropoff location address screen ui

• فعال کردن Places API [جستجوی خودکار مکان کامل] Enable Places API [Auto Complete Place Search]

• تبدیل، افزودن داده‌های پاسخ json به فهرست - نمایش پیش‌بینی‌های مکان‌ها در ListView Convert, Add json Response Data to List - Display Places Predictions on ListView

• کد منبع این بخش Source Code of this section

برنامه کاربران - Api جزئیات مکان [Get Set Drop-off Location Lat, Lng with PlaceID] Users App - Place Details Api [Get Set Drop-off Location Lat, Lng using PlaceID]

• دریافت lat & lng برای مکان رها کردن با استفاده از placeId get lat & lng for drop-off location using placeId

• به روز رسانی و نمایش مکان رها کردن با استفاده از مدیریت ایالت ارائه دهنده update and display drop-off location using provider state management

• کد منبع این بخش Source Code of this section

برنامه کاربران - Direction API [کشیدن PolyLine از مبدا به مکان مقصد] Users App - Direction API [Draw PolyLine from Origin to Destination Location]

• جهت جزئیات api - جزئیات مسیر را از مبدا تا مقصد دریافت کنید direction details api - get direction details from origin to destination

• چند خط از مبدا تا مقصد بکشید - نشانگرها و دایره ها را اضافه کنید draw polyline from origin to destination - add markers and circles

• کد منبع این بخش Source Code of this section

برنامه کاربران - رفع اشکال و لغو مکان مقصد انتخاب شده توسط کاربر Users App - Fixing Bug & Cancel Destination Location Selected by user

• رفع اشکال - خطای اپراتور بررسی تهی استفاده شده در مقدار null Fixing Bug - error null check operator used on null value

• مکان مقصد تعیین شده توسط کاربر را لغو کنید cancel the destination location set by user

• کد منبع این بخش Source Code of this section

برنامه Drivers - GeoFire [دریافت به‌روزرسانی‌های مکان راننده] و درایور آفلاین آنلاین Drivers App - GeoFire [Get Driver Location Updates] & Online Offline Driver

• مکان فعلی راننده را دریافت کنید Get Driver Current Location

• رابط کاربری برنامه درایور آفلاین آنلاین را پیاده سازی کنید implement online offline driver app ui

• به روز رسانی مکان درایور در زمان واقعی در firebase - آنلاین شوید، آفلاین شوید update driver location at real time in firebase - Go online, Go offline

• کد منبع این بخش Source Code of this section

برنامه کاربران - پرس و جوی GeoFire در مکان، نمایش نزدیکترین درایورهای آنلاین Users App - GeoFire Query At Location, Show nearest online Drivers

• QueryAtLocation [Handle CallBacks GeoFire, onKeyEntered onKeyExited onKeyMoved] QueryAtLocation [Handle GeoFire CallBacks, onKeyEntered onKeyExited onKeyMoved]

• مدیریت پاسخ به تماس GeoFire onGeoQueryReady - نمایش آنلاین درایورهای NearBy Handle GeoFire onGeoQueryReady callback - Display Online NearBy Drivers

• کد منبع این بخش Source Code of this section

درخواست یک سواری Request a Ride

• درخواست بررسی سواری - بررسی کنید که آیا راننده در دسترس نیست request a ride check - check if no driver available

• بازیابی اطلاعات رانندگان فعال و جزئیات خودروهای آنها retrieve active drivers informations and their cars details

• نمایش آنلاین نزدیکترین درایورها و اطلاعات آنها display online nearest drivers and their information

• کد منبع این بخش Source Code of this section

اپلیکیشن کاربران - مبلغ کرایه را بر اساس نوع خودرو محاسبه کنید Users App - Calculate Fare Amount According to Vehicle Type

• محاسبه مقدار کرایه از مبدا تا مقصد - در هر دقیقه و در هر کیلومتر calculate fare amount from origin to destination - per minutes & per kilometer

• محاسبه مبلغ کرایه از مبدا تا مقصد بر اساس نوع وسیله نقلیه calculate fare amount from origin to destination on basis of vehicle type

• کد منبع این بخش Source Code of this section

Save Ride Request to Database - Request Ride Request را از پایگاه داده حذف کنید Save Ride Request to Database - Remove Ride Request from Database

• درخواست سواری را در پایگاه داده ذخیره کنید و درخواست سواری را از پایگاه داده حذف کنید save ride request to database and remove ride request from database

برنامه Drivers - Push Notification System - FCM توکن‌های منحصربه‌فرد را برای دستگاه‌ها ایجاد می‌کند Drivers App - Push Notification System - FCM Generate Unique Tokens for Devices

• پیکربندی سیستم اعلان‌های فشاری - FCM برای هر دستگاه توکن ایجاد می‌کند Configuring the Push Notifications System - FCM Generate Token for each Device

• ارسال Push Notification با استفاده از Firebase Cloud Messaging [FCM] - تست Send Push Notification using Firebase Cloud Messaging [FCM] - Testing

برنامه Drivers - Push Notification System - درخواست پیام [HTTP Header & Body] Drivers App - Push Notification System - Message Request [HTTP Header & Body]

• درخواست پیام با هدر 2 قسمتی http و بدنه http - برنامه تست پستچی Message Request with its 2 Parts http header & http body - Postman Testing App

برنامه Drivers - Push Notification System - ارسال کاربر rideRequestId در اعلان Drivers App - Push Notification System - Send user rideRequestId in Notification

• کاربر rideRequestId را در Push Notifications به Driver ارسال کنید send user rideRequestId in Push Notifications to Driver

• با استفاده از user rideRequestId اطلاعات rideRequest کاربر را از پایگاه داده بازیابی کنید retrieve user rideRequest information from Database using user rideRequestId

برنامه رانندگان - سیستم اعلان فشار - جعبه گفتگوی اعلان با اطلاعات کاربر Drivers App - Push Notification System - Notification Dialog Box with User Info

• نمایش کادر محاوره ای اعلان با اطلاعات درخواست سواری کاربر display notification dialog box with user ride request information

• پخش صدای دریافتی اعلان در تلفن راننده play notification received sound on driver phone

• کد منبع این بخش Source Code of this section

برنامه کاربران - rideRequestId را برای یک درایور انتخابی روی newRideStatus تنظیم کنید Users App - Set rideRequestId to newRideStatus for a Selected Driver

• rideRequestId را روی newRideStatus برای یک درایور انتخاب شده تنظیم کنید Set rideRequestId to newRideStatus for a Selected Driver

• کد منبع این بخش Source Code of this section

برنامه Drivers - به درایور اجازه می دهد تا userRideRequest را بپذیرد Drivers App - Allow a Driver to Accept userRideRequest

• راننده userRideRequest را می پذیرد driver accept userRideRequest

• راننده rideRequest را می پذیرد و جزئیات اولیه سفر کاربر را به راننده نشان می دهد driver accept rideRequest and show initial user trip details to driver

• کد منبع این بخش Source Code of this section

برنامه درایورها - PolyLine را از موقعیت مکانی فعلی درایور به مکان PickUp کاربر بکشید Drivers App - Draw PolyLine from Driver Current Location to user PickUp Location

• ترسیم چند خط از موقعیت فعلی درایور به موقعیت userPickUp draw polyline from driver current position to userPickUp Position

• بازیابی اطلاعات درایور آنلاین فعلی از پایگاه داده firebase retrieve current online driver data from firebase database

• جزئیات درایور اختصاص داده شده را در اطلاعات RideRequest کاربر ذخیره کنید save assigned driver details to user RideRequest Information

• کد منبع این بخش Source Code of this section

برنامه رانندگان - هنگام حرکت راننده، نشانگر آیکون ماشین را در زمان واقعی حرکت می دهد Drivers App - Animates Move Car Icon Marker at Real Time when Driver Moves

• با استفاده از اشتراک جریان، به‌روزرسانی‌های مکان زنده را متوقف و از سر بگیرید pause and resume live location updates using stream subscription

• هنگام تغییر موقعیت راننده، انیمیشن‌های نشانگر نماد ماشین راننده در زمان واقعی حرکت می‌کنند driver car icon marker animates move at real time when driver position change

• کد منبع این بخش Source Code of this section

برنامه Drivers - زمان مدت زمان و مکان راننده را در زمان واقعی در پایگاه داده به روز کنید Drivers App - Update Duration Time & Driver Location at Real Time in Database

• زمان زمان و مکان راننده را در زمان واقعی در پایگاه داده به روز کنید Update Duration Time & Driver Location at Real Time in Database

• کد منبع این بخش Source Code of this section

برنامه درایورها - درایورها رسیدند | به روز رسانی، Polyline را از Pickup به DropOff تنظیم کنید Drivers App - Drivers Arrived | Update, Set Polyline from Pickup to DropOff

• راننده به محل تحویل کاربر رسید - دکمه ورود راننده کلیک کنید driver arrived at user pickup location - Driver Click Arrived Button

• به روز رسانی/تنظیم چند خط از محل تحویل کاربر به محل خروج کاربر update/set polyline from user pickup location to user dropOff location

• مدت زمان به روز رسانی با توجه به وضعیت rideRequest کاربر update duration time according to user rideRequestStatus

• کد منبع این بخش Source Code of this section

برنامه Drivers - Start Trip | پایان سفر Drivers App - Start Trip | End Trip

• شروع سفر Start Trip

• پایان سفر End Trip

• کد منبع این بخش Source Code of this section

برنامه Drivers - گفتگوی جمع آوری مبلغ کرایه و صرفه جویی در کرایه برای درآمد راننده Drivers App - Fare Amount Collection Dialog & Save Fare to Driver's Earnings

• گفتگوی جمع آوری مبلغ کرایه fare amount collection dialog

• صرفه جویی در مبلغ کرایه به کل درآمد راننده saving fare amount to driver's Total Earnings

• راننده درخواست سواری را لغو کرد driver cancel the ride request

• کد منبع این بخش Source Code of this section

اپلیکیشن کاربران - سرویس اعلان‌های فشاری را خودکار کنید Users App - Automate Push Notifications Service

• سرویس اعلان‌های فشار خودکار قسمت 1 automate push notifications service part 1

• سرویس اعلان‌های فشار خودکار قسمت 2 automate push notifications service part 2

• کد منبع این بخش Source Code of this section

برنامه کاربران - کاربر در انتظار پاسخ راننده Users App - user Waiting for Driver's Response

• هنگامی که راننده درخواست سواری کاربر را لغو می کند، پاسخ را نشان می دهد show response when driver cancel the user ride request

• منتظر پاسخ از راننده - پیاده سازی رابط کاربری waiting for response from driver - implement Ui

• هنگامی که راننده درخواست سواری کاربر را می پذیرد، پاسخ را نشان می دهد show response when driver accept the user ride request

• نمایش اطلاعات درایور اختصاص داده شده به کاربر show assigned driver info to user

• به روز رسانی وضعیت سفر - پذیرفته شده | رسید | رفتن به مقصد update trip status - accepted | arrived | going to destination

• کد منبع این بخش Source Code of this section

برنامه کاربران - مبلغ کرایه پرداخت کاربر و امتیاز دهی کاربر به راننده | تجربه سفر Users APP - User Pay Fare Amount & User Rate the driver | Trip Experience

• گفتگوی پرداخت نقدی کاربر user pay cash dialog

• راننده نرخ کاربر یا تجربه سفر نرخ user rate driver or rate trip experience

• کد منبع این بخش Source Code of this section

برنامه کاربران - تاریخچه سفرهای کاربر Users APP - user's Trips History

• خواندن کلیدهای سفر و اطلاعات داده سفرها از پایگاه داده با استفاده از کلاس مدل read trip keys and trips data info from database using model class

• ویجت رابط کاربری طراحی تاریخچه history design ui widget

• نمایش تاریخچه سفرهای کاربر display user's trips history

• فیلتر کردن و نمایش سفرهایی که به طور کامل انجام شده است filter out and display trips which are fully completed

• کد منبع این بخش Source Code of this section

برنامه کاربران - صفحه نمایه کاربران و صفحه درباره صفحه Users App - Users Profile Screen & About Screen

• نمایش اطلاعات کاربر در صفحه نمایه کاربر display user info on user profile screen

• پیاده سازی در مورد صفحه نمایش implement about screen

• کد منبع این بخش Source Code of this section

درایور اپلیکیشن - درایور درآمد | تاریخچه سفرها | تعداد کل سفرها Drivers App - Driver Earnings | Trips History | Total Number of Trips

• رابط کاربری صفحه شمارش درآمد و سفرهای راننده driver earnings and trips count screen ui

• درآمد راننده و تعداد کل سفرها و سابقه سفرها را نشان می دهد show driver earnings and total number of trips and trips history

• کد منبع این بخش Source Code of this section

برنامه رانندگان - رتبه بندی راننده و صفحه نمایه | رفع اشکال آنلاین ویژگی آفلاین Drivers App - Driver's Ratings & Profile Screen | Fix Online Offline Feature Bug

• خواندن و نمایش رتبه بندی درایورها با استفاده از مدیریت ایالت ارائه دهنده read and display driver ratings using provider state management

• صفحه نمایش مشخصات راننده را پیاده سازی کنید و خطای آنلاین درایور آفلاین را برطرف کنید implement driver profile screen and fix online offline driver error

• کد منبع این بخش Source Code of this section

برنامه کاربران - نمایش آنلاین نزدیکترین رتبه‌بندی رانندگان به کاربران Users App - Show online nearest Drivers Ratings to users

• نمایش رتبه بندی راننده به کاربر Display Driver's Ratings to user

• کد منبع این بخش Source Code of this section

• کد منبع این بخش Source Code of this section

تبریک - دوره به پایان رسید Congratulations - Course Finished

• از اینجا کجا برویم Where to Go from Here