AI ile rezervasyon uygulaması nasıl yapılır
Moremade örneğini kullanarak AI ile rezervasyon uygulaması nasıl yapılır öğrenmenin pratik yolu şöyle. Sonunda ana rezervasyon akışı çalışan, canlı önizlemesi olan ve yayına alma yol haritası netleşmiş bir web uygulaması ya da mobil uygulama prototipine sahip olmalısınız. Temel bir sürüm, rezervasyon kurallarınızı ve içeriğinizi önceden biliyorsanız genellikle birkaç saat sürer.
Önce rezervasyon uygulamasının gerçekten neye ihtiyacı olduğunu planlayın
Bir AI oluşturucu açmadan önce, uygulamanın en küçük ama kullanışlı sürümünü yazın.
Bir rezervasyon veya randevu uygulaması için bu genellikle şunlar demektir:
- kim rezervasyon yapar: müşteriler, personel veya ikisi birden
- ne rezervasyonu yapılır: hizmetler, dersler, odalar, görüşmeler, ziyaretler
- zaman nasıl işler: sabit saat aralıkları, özel süreler, ara tampon süre, çalışma saatleri
- kullanıcıların ne yapması gerekir: uygunluk görüntüleme, saat seçme, onaylama, yeniden planlama, iptal etme
- yöneticilerin neye ihtiyacı vardır: hizmetleri, fiyatları, uygunluğu ve rezervasyonları yönetme
İlk ihtiyaç duyduğunuz ekranları listeleyin. Basit bir sürümde çoğu zaman şunlar bulunur:
- ana sayfa veya açılış sayfası
- hizmet listesi
- takvim veya saat seçici
- rezervasyon formu
- onay ekranı
- yönetici rezervasyon görünümü
Ardından ana veri nesnelerini sade bir dille tanımlayın:
- Hizmet: ad, süre, fiyat, açıklama
- Personel veya kaynak: ad, çalışma saatleri, hizmet uygunluğu
- Rezervasyon: müşteri adı, tarih, saat, hizmet, durum
- Kullanıcı: giriş gerekiyorsa müşteri veya yönetici hesabı
Bu planlama adımı önemlidir; çünkü ilk prompt, sadece “bana bir rezervasyon uygulaması yap” demek yerine uygulama yapısını net anlattığında çok daha iyi çalışır.
AI ile rezervasyon uygulaması nasıl yapılır diye ilk promptu yazın
Moremade’de siteyi ya da uygulamayı sade bir dille anlattığınızda, AI ajanı kaynak kodu yazar. Web uygulaması için React + Tailwind ile başlayabilir veya Expo ile React Native kullanarak mobil uygulama oluşturabilirsiniz.
İlk promptta AI’ye akışı kuracak kadar bilgi verin, ancak aynı anda her uç durumu çözmeye çalışacak kadar detay yüklemeyin.
İyi bir ilk prompt şunları içermelidir:
- uygulama türü: web sitesi veya mobil uygulama
- kullanıcının kim olduğu
- temel ekranlar
- rezervasyon kuralları
- tasarım yönü
- sonradan düzenlenebilir olanlar
Örnek ilk prompt:
Küçük bir randevu işletmesi için, müşterilerin hizmetleri çevrimiçi rezervasyon yapabildiği temiz bir web uygulaması oluştur. React ve Tailwind kullan. Ana sayfa, hizmet listesi, rezervasyon akışı, uygun saatlerin gösterildiği takvim, müşteri bilgileri formu ve onay sayfası ekle. Yaklaşan rezervasyonları görmek için bir yönetici görünümü ekle. Hizmetlerde ad, süre, fiyat ve açıklama olsun. Basit, nötr bir tasarım, net butonlar ve mobil uyumlu düzen kullan. Yer tutucu verilerle başla ve düzeni sonradan kolayca düzenlenebilir yap.
Bu, AI’nin fazla tahmin yürütmesine gerek bırakmadan kullanılabilir ilk sürümü üretmek için yeterlidir.
Canlı önizlemeyi inceleyin ve spesifik takip promptlarıyla geliştirin
İlk oluşturmadan sonra, canlı önizlemeyi gerçek bir kullanıcı gibi inceleyin.
Şu temel noktaları kontrol edin:
- Kullanıcı neyin rezervasyonunu yaptığını anlayabiliyor mu?
- Hizmet detayları net mi?
- Tarih ve saat seçimi kolay mı?
- Rezervasyon formu doğru bilgileri soruyor mu?
- Onay ekranı rezervasyon özetini gösteriyor mu?
- Mobil düzen yeterince iyi mi?
Moremade görsel bir denetleyici içerir; böylece bir öğeyi işaret edip değiştirebilirsiniz. Oluşturulan kodu incelemek isterseniz bir kod görünümü de vardır.
İyileştirme yaparken dar kapsamlı takip promptları yazın. Spesifik promptlar genellikle geniş promptlardan daha iyi çalışır.
Örnekler:
- “Hizmet özetini masaüstünde sağ tarafa taşı ve kullanıcı tarih ile saat seçerken sabit kalsın.”
- “Randevular arasına 15 dakikalık tampon süre ekle ve müsait olmayan saatleri gizle.”
- “Rezervasyon formunu, telefon numarası isteğe bağlı, e-posta zorunlu olacak şekilde değiştir ve saat seçilene kadar onay butonunu devre dışı bırak.”
Uygulama kalitesinin büyük kısmı bu aşamada oluşur. Oluşturun, inceleyin, ayarlayın, tekrarlayın.
Moremade ayrıca ücretli planlarda sürüm geçmişi tutar; bu da değişiklikleri karşılaştırmak veya daha önceki bir duruma dönmek istediğinizde işe yarar.
Rezervasyon akışı buna ihtiyaç duyuyorsa veri ve giriş ekleyin
Önce yer tutucu verilerle başlayın. Ekranlar ve akış mantıklı hale geldikten sonra gerçek depolama, kullanıcı hesapları veya ödeme gerekip gerekmediğine karar verin.
Şunlara ihtiyacınız varsa Supabase kullanın:
- gerçek bir rezervasyon veritabanı
- müşteri veya yönetici girişi
- dosya depolama
Tipik kullanım örnekleri:
- randevuları saklayan ve personelin rezervasyonları yönetmesini sağlayan bir kuaför uygulaması
- müşterilerin yaklaşan seansları görüntülemek veya yeniden planlamak için giriş yaptığı bir koçluk uygulaması
- rezervasyonları zaman içinde takip eden bir yönetici panosu
Ödeme rezervasyonun bir parçasıysa Stripe kullanın.
Tipik kullanım örnekleri:
- önceden ücretli danışmanlık rezervasyonları
- sabit fiyatlı dersler veya etkinlikler
- randevuyu onaylamadan önce gereken kaporalar
Moremade, Supabase ve Stripe için yerleşik bağlayıcılara sahiptir. Entegrasyon promptunu ihtiyacınız olan iş akışına odaklı tutun.
Örnekler:
- “Bu uygulamayı Supabase’e bağla ve hizmet, tarih, saat, müşteri adı, e-posta ve durum alanlarıyla rezervasyonları sakla.”
- “Supabase ile yönetici girişi ekle ve yaklaşan rezervasyonları listeleyen özel bir pano göster.”
- “Kullanıcıların rezervasyon onaylanmadan önce bir hizmet için ödeme yapması için Stripe checkout ekle. Akışta seçilen hizmet fiyatını kullan.”
Sırf yapabildiğiniz için giriş veya ödeme eklemeyin. Birçok ilk sürümde, basit bir rezervasyon talebi akışı kullanıcılarla test etmek için daha kolaydır.
Yayınlamadan önce rezervasyon akışını mobilde test edin
Bir rezervasyon uygulaması, web sitesi olarak oluşturulsa bile çoğunlukla telefonda kullanılır. Küçük ekran davranışını erken test edin.
Şu yaygın sorunlara bakın:
- tarih seçici veya saat listesi zor tıklanıyor
- sabit butonlar içeriği kapatıyor
- formlar çok uzun
- saat aralığı kartları kötü satır kırıyor
- özet metni okunamaz hale geliyor
Mobil uygulama geliştiriyorsanız Moremade, React Native ile Expo üretir. Web sitesi geliştiriyorsanız çıktı React + Tailwind olur; bu yüzden yine de duyarlı düzenleri dikkatle test etmelisiniz.
Test sırasında faydalı promptlar:
- “Rezervasyon adımları için mobil düzeni iyileştir, her bölüm düzgünce alt alta gelsin ve butonlar baş parmakla kolay erişilsin.”
- “Küçük ekranlarda saat aralıklarını büyüt ve sütun sayısını azalt.”
- “Rezervasyon akışını üstte ilerleme göstergesi olan adım adım bir mobil sihirbaza dönüştür.”
Tüm akışı kendiniz birkaç kez baştan sona deneyin. Sonra bir veya iki kişiden rehberlik olmadan bir saat aralığı rezervasyon yapmasını isteyin. Nerede tereddüt ettiklerini gözlemleyin.
Uygulamayı yayınlayın ve alan adınızı bağlayın
Akış çalıştığında, her ayrıntının mükemmel olmasını beklemek yerine çalışan bir sürümü yayınlayın.
Moremade ile tek tıkla ücretsiz yourname.moremade.ai alt alan adına yayınlayabilirsiniz. Ücretli planlar özel alan adı bağlayabilir. Alan adları Moremade içinde de satın alınabilir.
Basit bir yayın süreci şöyle görünür:
- önce bir alt alan adına yayınla
- canlı uygulamayı uçtan uca test et
- son düzen veya metin sorunlarını düzelt
- gerekiyorsa özel alan adı bağla
İsterseniz tam kaynak kodunu istediğiniz zaman ZIP olarak dışa aktarabilir veya GitHub’a gönderebilirsiniz. Bu, bir kopya saklamak, kodu platform dışında incelemek ya da daha sonra başka yerde geliştirmeye devam etmek istediğinizde önemlidir.
Erken kullanıcı testi için ücretsiz alt alan adı genellikle yeterlidir. Uygulama müşteriye açıksa veya mevcut bir iş sitesinin parçasıysa özel alan adı kullanın.
Kaçınılması gereken yaygın hatalar
En büyük hatalar genellikle koddan değil, kapsam ve iş akışı sorunlarından kaynaklanır.
Şunlara dikkat edin:
- Belirsiz bir prompt ile başlamak. “Bir rezervasyon uygulaması yap” demek, çok fazla tahmin bırakır.
- Her özelliği aynı anda eklemek. Hesaplar, ödeme, hatırlatmalar veya birden fazla personel rolü eklemeden önce tek bir rezervasyon yolunu çalışır hale getirin.
- Rezervasyon kurallarını atlamak. Süreler, uygunluk veya rezervasyon durumu kuralları net değilse, oluşturulan arayüz de net olmaz.
- Gerçek entegrasyonları çok erken kullanmak. Yer tutucu veriler ürünü şekillendirmek için daha hızlıdır.
- İptal veya yeniden planlamayı test etmemek. Bunlar randevu ürünlerinin temel parçalarıdır.
- Mobil davranışı görmezden gelmek. Masaüstünde iyi görünen rezervasyon formları telefonda sık sık bozulur.
- Kodunuzu dışa aktarmamak. Her zaman kaynağa sahip olmak için ZIP dışa aktarımı yapın veya GitHub’a gönderin.
İyi bir kural, ilk sürümü çalışan bir taslak olarak görmektir. En kısa kullanışlı yolu oluşturun, test edin, sonra mantığı ve tasarımı sıkılaştırın.
Bu istemi dene
Küçük bir randevu işletmesi için, müşterilerin hizmetleri çevrimiçi rezervasyon yapabildiği temiz bir web uygulaması oluştur. React ve Tailwind kullan. Ana sayfa, hizmet listesi, rezervasyon akışı, uygun saatlerin gösterildiği takvim, müşteri bilgileri formu ve onay sayfası ekle. Yaklaşan rezervasyonları görmek için bir yönetici görünümü ekle. Hizmetlerde ad, süre, fiyat ve açıklama olsun. Basit, nötr bir tasarım, net butonlar ve mobil uyumlu düzen kullan. Yer tutucu verilerle başla ve düzeni sonradan kolayca düzenlenebilir yap.
Sorular
Moremade’de bir rezervasyon uygulaması yapmak ne kadar tutar?
Moremade, kullanımı Build Units ile ölçer. İlk site oluşturma yaklaşık 8 birim, küçük bir düzenleme yaklaşık 1 birimdir. Free plan $0’dır ve her 30 günde 10 Build Units, moremade.ai alt alan adına yayınlama ve ZIP dışa aktarma içerir. Standard, yıllık faturalandırmada ayda $17 veya aylık $20 karşılığında 30 günde 100 birim sunar; ayrıca özel alan adı desteği, özel proje barındırma ve sürüm geçmişi içerir. Pro, yıllık faturalandırmada ayda $167 veya aylık $200 karşılığında 30 günde 750 birim sunar; öncelikli oluşturma, sınırsız proje ve öncelikli destek sağlar. Ücretli planlarda ek Build Unit paketleri de satın alınabilir.
Kodlama bilmeme gerekiyor mu?
Hayır. Uygulamayı sade bir dille tarif edebilir, canlı önizlemeyi inceleyebilir ve değişiklikleri sohbet üzerinden yapabilirsiniz. Yine de ekranları, verileri ve rezervasyon kurallarını net düşünmek yardımcı olur. Kod biliyorsanız, kod görünümü ve kaynak dışa aktarımı projeyi incelemeyi veya elle devam etmeyi kolaylaştırır.
Rezervasyon uygulamasının koduna sahip olur muyum?
Tam kaynak kodunu istediğiniz zaman ZIP olarak dışa aktarabilir veya GitHub’a gönderebilirsiniz. Web siteleri React + Tailwind kodu olarak, mobil uygulamalar ise Expo ile React Native olarak üretilir. Yani platforma bağlı kalmazsınız.
Giriş ve ödemeyi hemen eklemeli miyim?
Sadece ilk sürüm bunları gerektiriyorsa ekleyin. Saklanan rezervasyonlar, kullanıcı hesapları veya yönetici erişimi gerektiğinde Supabase kullanın. Müşterilerin rezervasyon sırasında ödeme yapması gerekiyorsa Stripe kullanın. Akışı hâlâ test ediyorsanız, yer tutucu verilerle başlamak genellikle daha hızlıdır.
Uygulamayı sonra ölçeklendirebilir veya özelleştirebilir miyim?
Evet. Pratik bir yol, küçük ama çalışan bir sürümle başlamak, ardından uygulama netleştikçe daha fazla rezervasyon kuralı, yönetici aracı, veri depolama veya ödeme eklemektir. Kaynak kodunu dışa aktarabildiğiniz veya GitHub’a gönderebildiğiniz için, ihtiyaçlarınız büyürse geliştirmeye Moremade dışında da devam edebilirsiniz.