Kod yazma bilgisi olmadan mobil ve web uygulaması geliştirmek isteyen kullanıcılar için Adalo, sürükle–bırak mantığıyla çalışan güçlü bir no-code platformu sunmaktadır. Veri tabanı yönetimi, ekran tasarımı, kullanıcı giriş sistemleri ve yayına alma süreçleri tek bir arayüz üzerinden yönetilebilmektedir. Bu rehberde, Adalo kullanılarak sıfırdan basit bir uygulamanın nasıl tasarlanacağı ve yayınlanacağı adım adım açıklanmaktadır. Amaç, platforma yeni başlayan kullanıcılar için uygulanabilir ve net bir yol haritası sağlamaktır.

Gerekenler listesi

• Güncel bir web tarayıcısı ve internet bağlantısı
• Adalo hesabı (ücretsiz plan başlangıç için yeterlidir)
• Uygulamanın temel amacı ve hedef kitlesine dair kısa bir taslak
• Basit bir veri modeli (örneğin kullanıcılar, ürünler, görevler tablosu)
• Test için mobil cihaz veya tarayıcı önizlemesi

Adım adım nasıl yapılır?

Adım 1: Adalo hesabının oluşturulması

• Adalo’nun resmi web sitesine erişim sağlanır.
• “Sign Up” veya “Get Started” seçeneği kullanılarak yeni bir hesap açılır.
• Google hesabı ile hızlı kayıt veya e-posta/şifre yöntemi tercih edilebilir.
• Kayıt işlemi tamamlandıktan sonra Adalo dashboard ekranı görüntülenir.

Adım 2: Yeni proje başlatılması

• Dashboard üzerinde “New App” veya benzer isimli buton seçilir.
• Mobil, tablet veya web uygulaması seçeneklerinden uygun olan tür belirlenir.
• Hazır şablonlar (template) veya “Blank App” seçeneği kullanılabilir.
• Uygulama adı ve temel renk ayarları belirlenerek proje oluşturulur.

Adım 3: Veri tabanı (Collections) yapısının tasarlanması

• Sol menüde yer alan “Database” veya “Collections” bölümüne geçilir.
• Uygulamanın ihtiyaç duyduğu veri yapıları için koleksiyonlar oluşturulur:
• • Örneğin: Users, Tasks, Products gibi.
• Her koleksiyon için alanlar tanımlanır:
  • Metin, sayı, tarih, ilişki (relationship), boolean vb. alan tipleri kullanılır.
• İlişkili veriler için koleksiyonlar arasında bağlantılar kurulabilir:
  • Örneğin bir kullanıcının birden fazla görevi olması gibi.

Adım 4: Ekranların (Screens) oluşturulması

• Tasarım alanında ana ekran görünümü açılır.
• Sol panelden yeni ekranlar eklenir: giriş ekranı, liste ekranı, detay ekranı vb.
• Adalo, bazı hazır ekran türleri (login, signup, profile vb.) sunar; ihtiyaç halinde bu şablonlar kullanılabilir.
• Ekranlar arası bağlantılar (link actions) tanımlanarak temel akış kurgulanır.

Adım 5: Bileşenlerin (Components) eklenmesi ve düzenlenmesi

• Her ekran üzerinde üst panel veya sol menüden buton, liste, form, metin, resim gibi bileşenler sürükle–bırak yöntemiyle eklenir.
• Bileşen özellikleri sağ paneldeki ayarlar üzerinden düzenlenir:
• • Metin içeriği, renkler, hizalama, ikon seçimi vb.
• Liste ve formlar, ilgili koleksiyona bağlanarak dinamik veri gösterimi ve veri girişi sağlanır.

Adım 6: İş mantığı ve aksiyonların tanımlanması

• Butonlar, form gönderme işlemleri veya liste öğeleri için “Actions” bölümü kullanılarak iş mantığı eklenir.
• Örnek aksiyonlar:
  • Yeni kayıt oluşturma
  • Var olan kaydı güncelleme
  • Farklı ekrana yönlendirme
  • Kullanıcı oturumu açma/kapama
• Gerekli durumlarda koşullu aksiyonlar (örneğin belirli şart sağlandığında farklı ekrana gitme) yapılandırılır.

Adım 7: Kullanıcı hesapları ve yetkilendirme

• Kullanıcı tabanlı uygulamalarda Users koleksiyonu varsayılan kullanıcı modeli olarak kullanılır.
• Giriş (Login) ve kayıt (Sign Up) ekranları eklenir veya hazır şablonlar üzerinden düzenlenir.
• Ekranlar için erişim kuralları belirlenir:
• • Sadece giriş yapmış kullanıcıların görebildiği ekranlar
  • Herkese açık tanıtım veya kayıt ekranları

Adım 8: Uygulamanın test edilmesi

• Adalo editörünün sağ üst kısmında bulunan “Preview” seçeneği ile uygulama tarayıcıda test edilir.
• Navigasyon, veri ekleme/güncelleme, kullanıcı giriş süreçleri kontrol edilir.
• Gerekli gördüğünüz noktalarda ekran düzeni, yazı boyutu veya bileşen yerleşimleri revize edilir.

Adım 9: Yayınlama (Publish) seçeneklerinin kullanılması

• Uygulama hazır hâle geldiğinde “Publish” veya benzer isimli menüye geçilir.
• Web uygulaması olarak özel bir URL üzerinden yayınlama veya PWA olarak kullanma seçenekleri değerlendirilebilir.
• Mobil mağazalara (Google Play, App Store) çıkmak için Adalo’nun sunduğu derleme ve paketleme adımları takip edilir; gerektiğinde ücretli plan gerekebilir.
• Yayın sonrası geri bildirimler doğrultusunda veritabanı ve arayüz üzerinde güncellemeler yapılabilir.

İpuçları ve sık yapılan hatalar

• Veri tabanı yapısı netleştirilmeden bileşen eklemeye başlanması, ilerleyen aşamalarda karmaşık yapı ve tekrar eden düzenlemeler oluşturabilir.
• Çok fazla farklı stil ve renk kullanımı, tasarımın profesyonel görünümünü zayıflatabilir; basit ve tutarlı bir tasarım dili tercih edilmelidir.
• Giriş yapmamış kullanıcıların erişmemesi gereken ekranlara gerekli yetkilendirme ayarları eklenmediğinde güvenlik ve gizlilik sorunları ortaya çıkabilir.
• Mobil cihazlarda test yapılmadan yalnızca tarayıcı önizlemesine güvenmek, gerçek kullanımda boyut ve dokunma alanı problemlerine neden olabilir.
• Yayınlama aşamasında, uygulama adı, simge ve açıklama metinleri gibi mağaza unsurlarının eksik bırakılması görünürlüğü olumsuz etkileyebilir.

Editör notu

Adalo, kod yazmadan uygulama geliştirmek isteyen kullanıcılar için arayüz tasarımı, veri yönetimi ve yayın süreçlerini tek platformda birleştiren pratik bir çözümdür. Doğru kurgulanmış veri modeli ve sade ekran tasarımları ile, kısa sürede işlevsel prototipler ve gerçek kullanıcıya açılabilecek uygulamalar oluşturulabilmektedir.