• Buradasın

    Android Uygulama Geliştirme ve Firebase Authentication Eğitimi

    youtube.com/watch?v=m2G55JsCffg

    Yapay zekadan makale özeti

    • Bu video, bir eğitmen tarafından sunulan kapsamlı bir Android uygulama geliştirme eğitimidir. Eğitmen, izleyicilere adım adım Android Studio'da uygulama geliştirme sürecini göstermektedir.
    • Video, Android Studio'da Firebase Authentication kurulumu ile başlayıp, uygulama tasarım aşamasına geçiş yapmaktadır. Eğitim içeriği, yeni bir Android projesi oluşturma, Firebase hesabı ve Authentication özelliğinin kurulumu, uygulama tasarım sayfası oluşturma, giriş sayfası, yeni üyelik sayfası ve profil sayfası tasarımı aşamalarını kapsamaktadır.
    • Eğitim boyunca XML dosyalarında shape, gradient, radius ve stroke gibi tasarım öğelerinin kullanımı, kullanıcı arayüz bileşenlerinin konumlandırılması, ID'lerin atanması ve emülatörde test etme gibi konular detaylı olarak anlatılmaktadır. Video, bir sonraki videolarda Firebase veritabanı ile kullanıcı kaydı, giriş işlemleri ve profil bilgilerinin veritabanından çekilmesi konularının ele alınacağı bilgisiyle sonlanmaktadır.
    Yeni Proje Oluşturma
    • Yeni bir Android projesi oluşturuluyor ve "authentication firebase" adı veriliyor.
    • Minimum SDK olarak Android 11 seçiliyor.
    • Proje tam ekran modunda yüklendi.
    00:31View Binding Tanımlama
    • View Binding'i tanımlamak için build.gradle dosyasına "buildFeatures" bölümü ekleniyor.
    • ViewBinding = true olarak ayarlanıyor.
    • Sync işlemi yapılarak View Binding kullanılabilir hale getiriliyor.
    01:26Firebase Bağlantısı Kurma
    • Firebase konsoluna giriş yapılıyor ve mevcut bir proje seçiliyor.
    • Uygulama eklendiğinde paket ismi ve sertifika imzası (key store) Firebase'e ekleniyor.
    • Firebase'dan indirilen google-services.json dosyası projenin app klasörüne kopyalanıyor.
    04:13Firebase Kütüphanelerini Ekleme
    • build.gradle dosyasına Firebase Authentication kütüphanesi eklendiği belirtiliyor.
    • build.gradle (Module) dosyasına Firebase Services ekleniyor.
    • build.gradle dosyasına Boom kütüphanesi ekleniyor ve her ekleme sonrası senkronizasyon yapılıyor.
    05:58Firebase Authentication Ayarları
    • Firebase Authentication bölümünde e-posta ile giriş yöntemi aktif hale getiriliyor.
    • E-posta ile giriş yapıldığında kullanıcı bilgileri (kullanıcı adı, şifre, ID) Authentication bölümünde saklanacak.
    • Kullanıcı ile ilgili diğer bilgiler (ad, soyad, yaş) Realtime Database'e kaydedilecek.
    08:04Uygulama Tasarımı Hazırlığı
    • Firebase ile bağlantı kurulduğundan emin olmak için Tools menüsünden Firebase açılıyor.
    • Authentication ve Realtime Database özellikleri için gerekli kütüphaneler eklendiği kontrol ediliyor.
    • Uygulama tasarımına başlamak için görseller drawable klasörüne ve renkler color.xml dosyasına ekleniyor.
    10:40Android Tasarım Ayarları
    • Action bar'ı kaldırmak için themes bölümünde "no action bar" özelliği kullanılıyor.
    • Üst barın rengini değiştirmek için colors.xml dosyasında purple700 değeri, buton arka plan rengi ile değiştiriliyor.
    11:45Giriş Sayfası Tasarımı
    • Giriş sayfası için arka plana gradient uygulanacak, yukarıdan aşağı doğru renk geçişi olacak.
    • EditText'lerin ve butonun arka planları için drawable dosyaları oluşturulacak.
    12:21Buton ve EditText Tasarımı
    • Buton için drawable dosyasında shape elementi kullanılarak corners ve radius değeri (30dp) tanımlanıyor.
    • EditText için drawable dosyasında shape elementi kullanılarak corners ve radius değeri (8-10dp) tanımlanıyor.
    • EditText için ayrıca kenarlık (stroke) özelliği ekleniyor: beyaz renk ve 2dp genişliğinde.
    14:47Concept Layout Tasarımı
    • Concept layout için drawable dosyasında shape elementi kullanılarak gradient tanımlanıyor.
    • Gradient için angle değeri 90 olarak belirleniyor (yukarıdan aşağı doğru geçiş).
    • Gradient için start color, center color ve end color değerleri colors.xml dosyasından alınarak tanımlanıyor.
    17:22İkonlarin Eklentisi
    • Drawable klasörüne sağ tıklayarak yeni bir vector asset ekleniyor.
    • Kilit ikonu eklendi ve 24x24 boyutunda beyaz renkte olarak ayarlandı.
    • "Add" ikonu da aynı şekilde eklendi ve 24x24 boyutunda beyaz renkte olarak ayarlandı.
    18:27Activitylerin Oluşturulması
    • Giriş sayfası için yeni bir activity oluşturuldu ve "GirisActivity" olarak isimlendirildi.
    • Yeni üyelik sistemi için "UyeActivity" adında bir activity oluşturuldu.
    • Mevcut "MainActivity" activity'i "ProfilActivity" olarak yeniden adlandırıldı.
    21:41Giriş Sayfasının Tasarımı
    • Giriş sayfası tasarımına "Hoş Geldiniz" yazısını içeren bir TextView eklendi.
    • Arka plan olarak daha önce tanımlanan "concept_out" gradient kullanıldı.
    • E-posta giriş için bir EditText eklendi ve "edittext_background" arka planı uygulandı.
    23:48XML Tasarım Düzenlemeleri
    • Yazı rengi ve boyutu ayarlanarak "text color" beyaz ve "text size" 40fp olarak belirlendi.
    • EditText'e 10dp padding eklendi ve hint değeri "email adresinizi giriniz" olarak ayarlandı.
    • Hint rengi de beyaz olarak değiştirildi ve yazı boyutu 20dp olarak ayarlandı.
    25:39Parola Alanı Ekleme
    • Email alanının kopyası alınıp hint değeri "parolanızı giriniz" olarak değiştirildi.
    • Parola alanının input type'i "text" yerine "password" olarak değiştirildi, böylece giriş yıldızlı olarak gösterilecek.
    • Parolamı unuttum metni için ikon eklendi ve metin "parolamı unuttum" olarak değiştirildi.
    28:08Buton ve Metin Ekleme
    • Buton eklendi ve arka plan rengi "button color" olarak ayarlandı.
    • Buton metni "Giriş Yap" olarak belirlendi.
    • Alt tarafta "kullanım ve gizlilik koşullarını kabul etmiş sayılırsınız" metni eklendi ve yazı boyutu 16sp olarak ayarlandı.
    31:55ID Değerleri Atama
    • Tüm elemanlara ID değerleri verildi: "giris_text", "giris_email", "giris_parola", "giris_parola_unuttum", "giris_yeni_uyelik", "giris_yap_button".
    • Son eleman olan "textview4" için ID değeri değiştirilmedi çünkü bu eleman için özel bir veri eklenmeyecekti.
    • Tasarım elemanlarının constraint layout bağlantıları yapıldı ve boşluklar 16dp olarak ayarlandı.
    34:39Android Tasarım Kullanımı
    • Tasarım arayüzünde EditText ve TextView bileşenlerinin bağlantıları yapılmaktadır.
    • Bileşenler arasında 16dp kenar boşluğu ve 8dp veya 16dp aralıklar bırakılarak düzenlenmektedir.
    • Bileşenlerin alt ve üst bağlantıları yapılarak sayfa düzeni oluşturulmaktadır.
    36:03Buton ve Metin Düzenlemeleri
    • Buton ve "Parola Unuttum" metni için bağlantılar yapılmakta ve aralarında 32dp boşluk bırakılmaktadır.
    • "Yeni Üyelik Yap" metni için bağlantılar yapılmakta ve metin ortalama işlemi uygulanmaktadır.
    • Tasarımın tamamlanması için bağlantılar kontrol edilmekte ve buton yazı tipi düzenlemeleri yapılıyor.
    38:07Uygulama Testi ve Hata Düzenlemesi
    • Tasarım tamamlandıktan sonra sanal cihazda uygulama test edilmektedir.
    • Manifest dosyasında activity giriş sayfasının ilk çalışacak activity olarak ayarlanması gerekmektedir.
    • "Giriş Yap" butonunun yazı tipi büyük olduğu için Text All Caps özelliği false olarak ayarlanmaktadır.
    41:24Diğer Sayfalara Tasarım Kopyalama
    • Yeni üyelik sayfası için activity giriş dosyasındaki kodlar kopyalanıp activity üye ol dosyasına yapıştırılmaktadır.
    • Kopyalama işleminden sonra üye ol sayfasının sınıf adı değiştirilmelidir.
    • Tasarım kopyalama işleminde önemli olan, kopyalanan tasarımın konsept bağlantılarının iptal edilmesidir.
    43:38Yeni Üyelik Sayfası Tasarımı
    • Yeni üyelik sayfası için tasarım elemanları ekleniyor ve düzenleniyor.
    • Ad, soyad, e-mail ve parola alanları ekleniyor, "Parolamı unuttum" metni siliniyor.
    • Giriş yap butonunun yerine "Kaydet" butonu ekleniyor.
    45:32Tasarım Elemanlarına ID Verme
    • Concept out bağlantılarını yapmadan önce tasarım elemanlarına ID'ler verilmeli.
    • Tüm elemanlara "üye" öneki ile ID'ler atanıyor (üye_text, üye_ad_soyad, üye_email, üye_parola).
    • ID'lerin doğru atanması için dikkat edilmeli, aksi halde diğer sayfalardaki ID'ler de etkilenir.
    47:17Concept Out Bağlantıları Yapma
    • Yeni üyelik sayfası için concept out bağlantıları yapılıyor.
    • Elemanlar arasında boşluklar (16, 32, 8) ve genişlikler ayarlanıyor.
    • Tüm elemanların üst ve alt bağlantıları yapılarak tasarım tamamlanıyor.
    50:21Tasarımı Emülatörde Görüntüleme
    • Manifest dosyasında üye activity'i başlangıç sayfası olarak ayarlanıyor.
    • Emülatörde yeni üyelik sayfası görüntüleniyor.
    • Sayfada ad-soyad, e-mail, parola alanları, kaydet ve giriş yap butonları bulunuyor.
    51:30Profil Sayfası Tasarımına Başlangıç
    • Yeni üyelik sayfası tasarımı tamamlandıktan sonra profil sayfası tasarımına geçiliyor.
    • Activity üye XML dosyası kopyalanıp activity profil XML dosyasına yapıştırılıyor.
    • Profil sayfası için gerekli düzenlemeler yapılıyor ve tasarım başlıyor.
    52:50Profil Sayfası Tasarımı
    • Profil sayfasında kullanıcı bilgilerini (ad, soyad ve e-mail) göstermek için textfield'ler kullanılacak.
    • Giriş yap butonu ve kaydet butonu silinerek, bilgilerimi güncelle, çıkış yap ve hesabımı sil butonları eklenecek.
    • Textfield'lerin yazı boyutu 20sp olarak ayarlanacak ve içerikleri "Adınız ve Soyadınız" ve "E-mail Adresiniz" olarak değiştirilecek.
    54:39Butonlar ve ID'ler
    • "Bilgilerimi güncelle" butonu ekleniyor ve butonun metni değiştiriliyor.
    • "Çıkış yap" ve "Hesabımı sil" butonları ekleniyor ve metinleri değiştiriliyor.
    • Tüm elementlere ID veriliyor: profil_text, profil_ad_soyad, profil_email, profil_bilgilerimi_guncelle_button, profil_cikis_yap_button, profil_hesabimi_sil_button.
    57:33Konsept Bağlantıları
    • Tüm elementlere konsept bağlantıları yapılarak sayfa düzeni ayarlanıyor.
    • Elementler arasında boşluklar 16, 32 gibi standart değerlerle ayarlanıyor.
    • Butonlar ve textfield'lerin genişlikleri wrap_content olarak ayarlanıyor.
    1:01:17Manifest Dosyası Düzenlemesi
    • Manifest dosyasında activity sınıfı "ÜyeActivity" yerine "ProfilActivity" olarak değiştiriliyor.
    • Uygulama çalıştırıldığında profil sayfası başarıyla görüntüleniyor.
    • Tasarım tamamlandıktan sonra bir sonraki videolarda kodlama yapılacak.
    1:02:19Gelecek Videolar
    • Bir sonraki videoda Firebase veritabanına kullanıcı adı ve parola kaydetme işlemi yapılacak.
    • Daha sonra kullanıcı giriş işlemi yapılacak.
    • Üçüncü videoda profil bilgilerinin veritabanından çekilmesi ve parola unuttum, verileri güncelle bölümleri yapılacak.

    Yanıtı değerlendir

  • Yazeka sinir ağı makaleleri veya videoları özetliyor