Kodular io Uygulaması Nasıl Kullanılır - Kodular io İle Uygulama Yapımı 2021 - Kodular io ile Mobil Uygulama Yapma Dersleri - Ders 1

 Çoğumuz merak etmiştir yada ihtiyaç duymuşuzdur bir mobil uygulamaya sahip olmayı. Ancak mobil uygulama yapmak için en sağlıklı yol Android studio da kod yazmaktır. Fakat herkes kod yazma konusuna hakim değildir. Tam bu esnada kodular devreye giriyor. Hazır bulunan şablonları sürükle bırak yöntemiyle çalışan bu programla kolay bir şekilde android uygulamanızı yapabilirsiniz. Yada hali hazırda bulunan web sitenizi mobil uygulamaya çevire bilirsiniz.

Tıklayarak Web Sitemize Ücretsiz Giriş Yapınız.

Kodular.io

https://www.kodular.io/ bu link üzerinden siteye ulaşabilirsiniz. Kullanımı tamamen ücretsizdir. İlk olarak işe uygulama oluştur butonuna tıklayarak başlıyoruz. Sizden kayıt olmanızı yani bir hesap oluşturmanızı isteyecek. Mail adresinizi ve şifrenizi girerek kayıt oluşturun. Daha sonra sizi creator.kodular.io sitesine yönlendirecektir.

Create project dediğimizde sizden proje adınızı oluşturmanızı isteyecek. Proje adını girin daha sonra sizden açtığınız uygulamanın adroid sürümünü ve görünürlüğünü ayarlamanızı isteyecek. Düzeni oluşturun yada direk devam edin çünkü tekrar değiştirme şansınız olacaktır.

Karşınıza bu şekilde bir ekran gelecektir. Sol tarafta bulunan şablonlar sizin eklentileriniz oluşturacağınız ara yüzünüz içi gerekli kodlar olacaktır. Sağ taraftakiler ise bu koyduğunuz örneğin buton ise bunun özellikleri ayarları olacaktır. Dilerseniz telefon görünümünü değiştirebilirsiniz.

İlk olarak sizlerle gelin User interface yani kullanıcı ara yüzümü oluşturmak için kullanacağımız şablonları tanıyalım.

User Interface

• Button : Buton bununla kullanıcıları tıklandığında nereye yönlendirmek istiyorsanız yada nasıl bir tepki vermesini istiyorsanız bununla sağlayabilirsiniz.
• Checkbox : Onay kutusu bununla kullanıcılara kayıt oluştururken yada bir formu okudum onaylıyorum şeklinde geri dönüş alabilmek için bir tik kutusu oluşturur.
• Circular Progress : Döngüsel ilerleme kullanarak kullanıcıların sayfası yüklenirken yada onları başka bir sayfaya aktarırken döngüsel ilerleme kullanarak bekleme süresi oluşturabilirsiniz.
• Custom Progress : Döngüsel ilerleme ile hemen hemen aynı mantıkça çalışan bir şablondur.
• Date picker : Tarih seçici butonumuz bizlere ve kullanıcılara tarih seçme olanağı sunar.
• Floating action button : Kayan işlem düğmesi.
• Image : Arayüze bir fotograf eklemek istediğinizde kullanabilirsiniz.
• Label : Etiket’i çok sıklıkla kullanabilirsiniz bir çok işe yarayabilir arayüz oluştururken etiket atıp içini boş bırakırsanız yatay bir boşluk oluşturabilirsiniz.
• Linear Progressbar : Doğrusal ilerleme çubuğu progressbarların çalışma mantığı hemen hemen aynıdır.
• List picker : Liste seçici butonumuz hazır olarak tasarlanmış liste seçmeye yarar.
• Notifier : Ekranda gözükmez fakat blocks kısmına gelindiğinde kullanıcılara uyarı yada bilgi vermek amaçlı kullanılır.
• Radio button : Onay butonudur. Onay almak istediğinizde kullanabilirsiniz.
• Rating bar : Kullanıcıların memnuniyetini ölçmek için kullanabilirsiniz.
• Slider : Kaydırıcı genellikle ses açma yada kapama veya ışık 
• Text box : Başlık yazılarınızı yazmak için kullanabilirsiniz.
• Time picker : Kullanıcılara saat ve tarih ayarı yapması için kullanılır.