شبیه ساز پارکینگ در Go with Fyne: آموزش ها و نکات

Summarize this content to 400 words in Persian Lang

مقدمه

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

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

یادگیری های کلیدی

1.- برنامه نویسی همزمان با Goیکی از نکات برجسته این پروژه استفاده از همزمانی در Go بود. توانایی انجام چندین فرآیند به طور همزمان برای شبیه سازی ورود و خروج خودرو در زمان واقعی ضروری است. یاد گرفتیم که:

گوروتین ها: به توابع اجازه می دهد تا همزمان اجرا شوند. به عنوان مثال، هر وسیله نقلیه ای که تلاش می کند وارد پارکینگ شود در یک گوروتین جداگانه کنترل می شود و چندین وسیله نقلیه را که همزمان عمل می کنند شبیه سازی می کند.

go p.TryToEnter(vehicle)

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

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

p.gate = make(chan struct{}, 1)

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

Mutexes: آنها اطمینان می‌دهند که فقط یک گوروتین به منابع مشترک خاصی در یک زمان دسترسی دارد و از شرایط مسابقه اجتناب می‌کند.

var mutex sync.Mutex
mutex.Lock()
// acceso a recurso compartido
mutex.Unlock()

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

2.- طراحی رابط های گرافیکی با Fyneکتابخانه Fyne برای توسعه رابط گرافیکی شبیه ساز به دلیل سهولت استفاده و توانایی آن در ایجاد برنامه های بصری جذاب انتخاب شده است. یاد گرفتیم که:

ایجاد ویندوز و کانتینر:

myApp := app.New()
window := myApp.NewWindow(“Parking Lot Simulator”)
window.Resize(fyne.NewSize(1200, 700))
window.SetFixedSize(true)

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

ترسیم عناصر گرافیکی:

spot := canvas.NewRectangle(color.RGBA{R: 200, G: 200, B: 200, A: 255})
spot.Resize(fyne.NewSize(120, 80))
spot.Move(fyne.NewPos(x, y))

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

دسته تصاویر و انیمیشن ها:

car := canvas.NewImageFromResource(v.carEntering)
car.Resize(fyne.NewSize(120, 80))
car.Move(fyne.NewPos(gateX, gateY))

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

3.- الگوهای طراحیما الگوی Observer را برای حفظ ارتباط بین مدل شبیه‌سازی و رابط گرافیکی پیاده‌سازی کردیم و اطمینان حاصل کردیم که هرگونه تغییر در وضعیت پارک به طور خودکار در رابط کاربر منعکس می‌شود.

type Observer interface {
Update(pos Position)
}

func (v *ParkingLotView) Update(pos models.Position) {
// Manejo de actualizaciones
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

نکاتی برای استفاده از Fyne

برای کسانی که می خواهند شروع به توسعه برنامه های کاربردی با Fyne کنند، در اینجا چند نکته کاربردی وجود دارد:

1.- نصب Fyneقبل از شروع، مطمئن شوید که Go را روی سیستم خود نصب کرده اید. سپس Fyne را با اجرای:

go get fyne.io/fyne/v2

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

2.- یک برنامه پایه ایجاد کنیددر اینجا یک مثال ساده برای شروع یک برنامه با Fyne آورده شده است:

package main

import (
“fyne.io/fyne/v2/app”
“fyne.io/fyne/v2/container”
“fyne.io/fyne/v2/widget”
)

func main() {
myApp := app.New()
myWindow := myApp.NewWindow(“Hola Fyne”)

hello := widget.NewLabel(“¡Hola, Mundo!”)
myWindow.SetContent(container.NewVBox(
hello,
))

myWindow.ShowAndRun()
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

3.- با کانتینرها کار کنیدفاین از کانتینرها برای سازماندهی عناصر رابط استفاده می کند. برخی از انواع رایج عبارتند از:

VBox: عناصر را به صورت عمودی سازماندهی می کند.

container.NewVBox(element1, element2)

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

HBox: عناصر را به صورت افقی سازماندهی می کند.

container.NewHBox(element1, element2)

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

Grid: عناصر را در یک شبکه سازماندهی کنید.

container.NewGridWithColumns(2, element1, element2)

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

4.- مدیریت رویدادهامی توانید با مدیریت رویدادهایی مانند کلیک دکمه ها، عملکردهای تعاملی را به برنامه خود اضافه کنید:

button := widget.NewButton(“Haz Clic”, func() {
// Acción a realizar cuando se hace clic
})

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

5- از منابع تصویری استفاده کنیدFyne اجازه بارگذاری تصاویر از فایل های محلی را برای بهبود رابط گرافیکی می دهد:

carImage := canvas.NewImageFromFile(“assets/car.png”)
carImage.Resize(fyne.NewSize(100, 100))

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

6.- رابط کاربری را به روز کنیدبرای منعکس کردن تغییرات در رابط، از روش Refresh استفاده کنید:

carImage.Refresh()

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

7.- انیمیشن های پایهاگرچه Fyne پشتیبانی بومی برای انیمیشن های پیچیده ندارد، اما می توانید با حرکت دادن عناصر در مراحل افزایشی، انیمیشن های ساده ایجاد کنید:

go func() {
for i := 0; i < 100; i++ {
time.Sleep(time.Millisecond * 16) // Aproximadamente 60 FPS
carImage.Move(fyne.NewPos(carImage.Position().X+1, carImage.Position().Y))
carImage.Refresh()
}
}()

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

افکار نهایی

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

این پروژه نه تنها درک من را از مفاهیم کلیدی مانند همزمانی و الگوهای طراحی تقویت کرد، بلکه اهمیت برنامه ریزی خوب و مدیریت اثربخش پروژه را نیز برجسته کرد.

برای کسانی که می‌خواهند پروژه‌های مشابهی را آغاز کنند، من توصیه می‌کنم مستندات Fyne را بررسی کنند، نمونه‌های اولیه را آزمایش کنند و به تدریج عملکردهای پیچیده‌تری را وارد کنند. انجمن Fyne فعال است و منابع متعددی را ارائه می دهد که می تواند کمک بزرگی باشد.

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

با تشکر برای خواندن! امیدواریم این گزارش برای درک بهتر فرآیند توسعه شبیه ساز و الهام بخشیدن به پروژه های خود با Go and Fyne مفید باشد.

مراجع

برو مستنداتBiblioteca Fyneالگوهای طراحی نرم افزار

استفاده کنید

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

1- مخزن را شبیه سازی کنید:

git clone https://github.com/Dariohg/parking_simulator.gitcd parking-simulator

2.- وابستگی های Fyne را نصب کنید:

go get fyne.io/fyne/v23- شبیه ساز را اجرا کنید:

go run main.goاز شبیه سازی عملکرد یک پارکینگ لذت ببرید!

سلب مسئولیت

این پروژه برای اهداف آموزشی توسعه یافته است و برای استفاده تجاری یا عمومی در نظر گرفته نشده است.

go p.TryToEnter(vehicle)

p.gate = make(chan struct{}, 1)

var mutex sync.Mutex
mutex.Lock()
// acceso a recurso compartido
mutex.Unlock()

myApp := app.New()
window := myApp.NewWindow("Parking Lot Simulator")
window.Resize(fyne.NewSize(1200, 700))
window.SetFixedSize(true)

spot := canvas.NewRectangle(color.RGBA{R: 200, G: 200, B: 200, A: 255})
spot.Resize(fyne.NewSize(120, 80))
spot.Move(fyne.NewPos(x, y))

car := canvas.NewImageFromResource(v.carEntering)
car.Resize(fyne.NewSize(120, 80))
car.Move(fyne.NewPos(gateX, gateY))

type Observer interface {
    Update(pos Position)
}

func (v *ParkingLotView) Update(pos models.Position) {
    // Manejo de actualizaciones
}

go get fyne.io/fyne/v2

package main

import (
    "fyne.io/fyne/v2/app"
    "fyne.io/fyne/v2/container"
    "fyne.io/fyne/v2/widget"
)

func main() {
    myApp := app.New()
    myWindow := myApp.NewWindow("Hola Fyne")

    hello := widget.NewLabel("¡Hola, Mundo!")
    myWindow.SetContent(container.NewVBox(
        hello,
    ))

    myWindow.ShowAndRun()
}

container.NewVBox(element1, element2)

container.NewHBox(element1, element2)

container.NewGridWithColumns(2, element1, element2)

button := widget.NewButton("Haz Clic", func() {
    // Acción a realizar cuando se hace clic
})

carImage := canvas.NewImageFromFile("assets/car.png")
carImage.Resize(fyne.NewSize(100, 100))

carImage.Refresh()

go func() {
    for i := 0; i < 100; i++ {
        time.Sleep(time.Millisecond * 16) // Aproximadamente 60 FPS
        carImage.Move(fyne.NewPos(carImage.Position().X+1, carImage.Position().Y))
        carImage.Refresh()
    }
}()