App Inventor Örnek Uygulamalar Rehberi 2024

App Inventor Örnek Uygulamalar Rehberi 2024 1

Son dönemlerin ilgi gören platformlarından App Inventor nedir? App Inventor örnek uygulamaları nelerdir? gibi konular içeren kısa bir rehber hazırladık. İşte detaylar…

App Inventor Nedir?

App Inventor, kullanıcı dostu bir görsel programlama aracıdır ve Android uygulamaları oluşturmak için tasarlanmıştır. Aşağıda, App Inventor ile yapabileceğiniz bazı örnek uygulamaların rehberini bulacaksınız.

App Inventor Örnek Uygulamalar

1. Basit Bir Hesap Makinesi Uygulaması

Açıklama

Bu uygulama, kullanıcıların basit matematiksel işlemleri gerçekleştirebileceği bir hesap makinesi oluşturmayı amaçlar.

Adımlar

  1. Arayüz Tasarımı:
    • Bir etiket (Label) bileşeni ile hesap ekranını tasarlayın.
    • Sayı girişi için bir metin kutusu (TextBox) ekleyin.
    • Temel işlemleri gerçekleştirmek için dört buton ekleyin: Toplama, Çıkarma, Çarpma, Bölme.
  2. Veri Saklama:
    • İki sayıyı saklamak için iki değişken oluşturun.
    • Kullanıcının girdiği sayıları bu değişkenlere atayın.
  3. İşlem Yapma:
    • Toplama, çıkarma, çarpma ve bölme işlemlerini gerçekleştiren blokları kullanarak hesaplamalar yapın.
    • Sonucu ekranda gösterin.
  4. Kullanıcı Etkileşimi:
    • Butonlara basıldığında, ilgili matematiksel işlemi gerçekleştirmek için bloklar ekleyin.
    • Kullanıcıya sonucu göstermek için etiket bileşenini güncelleyin.

2. Hava Durumu Uygulaması

Açıklama

Bu uygulama, kullanıcının belirli bir konumun hava durumunu öğrenmesine olanak tanır.

Adımlar

  1. Kullanıcı Konumu Alımı:
    • Kullanıcının konumunu belirlemek için “LocationSensor” bileşenini ekleyin.
  2. Hava Durumu API’si Kullanımı:
    • OpenWeatherMap veya diğer bir hava durumu API’sinden veri almak için “Web” bileşenini kullanın.
    • API’ye sorgu göndermek ve hava durumu verilerini almak için uygun blokları kullanın.
  3. Veriyi Görselleştirme:
    • Kullanıcıya hava durumu bilgisini göstermek için bir etiket ve resim bileşeni ekleyin.
    • Sıcaklık, nem oranı gibi verileri görsel olarak temsil etmek için uygun bileşenleri kullanın.
  4. Kullanıcıya Geri Bildirim:
    • Hava durumu verilerini alındıktan sonra kullanıcıya bilgi vermek için bir etiket bileşeni kullanın.

3. Flashlight (Fener) Uygulaması

Açıklama

Bu uygulama, kullanıcının telefonunun flaş ışığını açıp kapamasına olanak tanır.

Adımlar

  1. Flaş Işığını Kontrol Etme:
    • “Flashlight” bileşenini ekleyerek telefonun flaş ışığını kontrol edin.
  2. Buton Ekleyerek Kontrol Sağlama:
    • Bir buton ekleyerek kullanıcının flaş ışığını açıp kapatabilmesini sağlayın.
  3. Kullanıcıya Geri Bildirim:
    • Flaş ışığının durumunu belirten bir etiket ekleyerek kullanıcıya geri bildirim sağlayın.
  4. Sensör Kullanımı (Opsiyonel):
    • “ShakeDetector” bileşeni ekleyerek kullanıcının telefonu sallamasını algılayın ve flaş ışığını bu olaya bağlayın.

Bu örnekler, App Inventor’un kullanımının temellerini öğrenmenize yardımcı olacak ve kendi projelerinizi geliştirmeniz için bir başlangıç noktası sağlayacaktır. Daha karmaşık uygulamalar oluşturmak için App Inventor’un diğer özelliklerini de keşfetmeyi unutmayın!

Mobil Uygulama Geliştirme Rehberi (Özet) 2024

4. Film İnceleme Uygulaması

Açıklama

Bu uygulama, kullanıcının bir filmi incelemesine olanak tanır ve bu incelemeleri diğer kullanıcılarla paylaşmasına izin verir.

Adımlar

  1. Film Bilgisi ve İnceleme Formu:
    • Kullanıcıya bir film seçme ve bir inceleme yazma imkanı sunan bir arayüz tasarlayın.
    • Etiketler, metin kutuları ve düğmeler kullanarak kullanıcı dostu bir form oluşturun.
  2. Veri Saklama ve Paylaşım:
    • Firebase gibi bir bulut veritabanı kullanarak kullanıcı incelemelerini saklayın.
    • Kullanıcıların incelemelerini görmeleri ve diğer kullanıcıların incelemeleri ile etkileşimde bulunmaları için uygun blokları ekleyin.
  3. Grafiksel İyileştirmeler:
    • Film afişi veya resmi için bir resim bileşeni ekleyin.
    • Kullanıcıların incelemelerini tarayıcı, yıldızlar gibi grafiksel öğelerle zenginleştirin.
  4. Kullanıcı Geri Bildirimi:
    • İnceleme gönderildikten sonra kullanıcıya bir teşekkür mesajı gösteren bir etiket ekleyin.
    • Hatalı giriş durumlarında kullanıcıyı bilgilendiren uyarılar ekleyin.
  5. Örnek Uygulama: Film İnceleme Uygulaması

5. Quiz (Soru-Cevap) Uygulaması

Açıklama

Bu uygulama, kullanıcılara interaktif bir quiz deneyimi sunar. Kullanıcılar, belirli bir konu hakkında soruları yanıtlayabilir ve sonuçlarını görebilirler.

Adımlar

  1. Quiz Sorularını Ekleyin:
    • Soruları ve cevap seçeneklerini içeren bir liste oluşturun.
    • Liste elemanlarını düzenlemek için dinamik bir liste bileşeni ekleyin.
  2. Kullanıcının Seçimini Takip Edin:
    • Kullanıcının sorulara verdiği cevapları kaydetmek için değişkenleri kullanın.
    • Doğru ve yanlış cevapları işaretlemek için koşullu ifadeleri ekleyin.
  3. Sonuçları Gösterme:
    • Kullanıcının quizi tamamladıktan sonra doğru ve yanlış cevap sayılarını gösteren bir ekran ekleyin.
    • Kullanıcının performansına göre bir geri bildirim mesajı gösterin.
  4. Zamanlayıcı Ekleme (Opsiyonel):
    • Sorulara belirli bir süre içinde cevap verme özelliği ekleyerek kullanıcıyı sınırlayın.
  5. Örnek Uygulama: Quiz Uygulaması

6. Konum Paylaşma Uygulaması

Açıklama

Bu uygulama, kullanıcının konumunu diğer kullanıcılarla paylaşmasına izin verir. Kullanıcılar, belirli bir konumda bulunan diğer kullanıcıları harita üzerinde görebilirler.

Adımlar

  1. Konum Algılama:
    • “LocationSensor” bileşenini kullanarak kullanıcının anlık konumunu belirleyin.
    • Konumu belirli aralıklarla güncelleyen bir zamanlayıcı ekleyin.
  2. Harita Entegrasyonu:
    • Harita bileşenini ekleyerek kullanıcının konumunu harita üzerinde gösterin.
    • Diğer kullanıcıların konumlarını da haritada göstermek için gerekli blokları ekleyin.
  3. Konum Paylaşım Kontrolü:
    • Kullanıcının konumunu paylaşıp paylaşmama seçeneğini içeren bir anahtar (Switch) ekleyin.
    • Paylaşıldığında diğer kullanıcıların konumunu görebilecekleri bir liste bileşeni ekleyin.
  4. Kullanıcı İzleme:
    • Diğer kullanıcıların konumlarını güncellemek ve haritada göstermek için uygun blokları kullanın.
    • Kullanıcılara uzaklıklarını ve konum değişikliklerini bildirmek için bildirimler ekleyin.
  5. Örnek Uygulama: Konum Paylaşma Uygulaması

7. Dil Öğrenme Flashcard Uygulaması

Açıklama

Bu uygulama, kullanıcıların yabancı dil öğrenmelerine yardımcı olmak için flashcard (küçük kartlar) kullanır. Kullanıcılar, kelimenin anlamını gördükten sonra doğru cevabı seçerler.

Adımlar

  1. Flashcard Ekleme Arayüzü:
    • Yeni kelimeler eklemek için bir metin kutusu ve bir buton ekleyin.
    • Eklenen kelimeleri görmek için bir dinamik liste bileşeni kullanın.
  2. Sınav Modu:
    • Eklenen kelimeleri kullanıcılara göstermek ve doğru cevapları seçmelerini istemek için bir sınav modu ekleyin.
    • Doğru ve yanlış cevapları takip etmek için değişkenler kullanın.
  3. Sesli Telaffuz Ekleme (Opsiyonel):
    • Kelimelerin sesli telaffuzlarını eklemek için “TextToSpeech” bileşenini kullanın.
    • Kullanıcının doğru cevabı seçtiğinde kelimenin sesli telaffuzunu çalmasını sağlayın.
  4. İlerleme Takibi:
    • Kullanıcının doğru ve yanlış cevaplarını takip ederek ilerlemelerini kaydedin.
    • Kullanıcılara sınav sonrası geri bildirim vermek için uygun blokları ekleyin.
  5. Örnek Uygulama: Flashcard Uygulaması

8. Alışveriş Listesi Uygulaması

Açıklama

Bu uygulama, kullanıcılara alışveriş listeleri oluşturma ve yönetme imkanı sunar. Kullanıcılar, alışveriş yapılacak ürünleri ekleyebilir, çıkartabilir ve alışveriş listelerini paylaşabilirler.

Adımlar

  1. Ürün Ekleme ve Çıkartma:
    • Bir metin kutusu ve bir buton ekleyerek kullanıcının alışveriş listesine ürün eklemesini sağlayın.
    • Her ürünü listeden çıkartmak için bir liste bileşeni kullanın.
  2. Alışveriş Listesi Paylaşımı:
    • Alışveriş listesini başkalarıyla paylaşabilmek için bir paylaşım butonu ekleyin.
    • Paylaşılan listeyi görmek için bir bağlantı (link) veya QR kodu kullanabilirsiniz.
  3. Miktar ve Fiyat Bilgisi Ekleme (Opsiyonel):
    • Her ürün için miktar ve fiyat bilgisi eklemek için ilgili bileşenleri kullanın.
    • Toplam alışveriş maliyetini hesaplamak için uygun blokları ekleyin.
  4. Önceden Kaydedilmiş Ürün Listesi:
    • Sık alınan ürünleri hızlıca eklemek için bir önceki alışveriş listesini kaydedebilir ve yeniden kullanabilirsiniz.
    • Kullanıcıların kişisel ürün listelerini yönetebilmeleri için bir veritabanı kullanabilirsiniz.
  5. Örnek Uygulama: Alışveriş Listesi Uygulaması

9. Sağlık ve Fitness Takip Uygulaması

Açıklama

Bu uygulama, kullanıcılara sağlık ve fitness hedeflerini takip etme imkanı sunar. Kullanıcılar, günlük aktivitelerini kaydedebilir, hedefler belirleyebilir ve ilerleme raporları alabilirler.

Adımlar

  1. Günlük Aktivite Kaydı:
    • Kullanıcılara günlük yürüme adım sayısını, egzersiz süresini ve tüketilen su miktarını kaydetme imkanı sağlayan bir arayüz ekleyin.
    • Her aktivite için bir sayaç kullanarak ilgili bilgileri gösterin.
  2. Hedef Belirleme ve İlerleme Takibi:
    • Kullanıcılara günlük, haftalık veya aylık hedefler belirleme imkanı tanıyan bir seçenek ekleyin.
    • Hedeflere ulaşma durumunu ve ilerlemeyi göstermek için uygun blokları ekleyin.
  3. Sağlık Bilgisi Entegrasyonu (Opsiyonel):
    • Sağlık uygulamalarından alınan verilerle entegrasyon sağlamak için API’leri kullanabilirsiniz.
    • Kullanıcının kilo, kalp atış hızı gibi verilerini takip edebilirsiniz.
  4. Motivasyon ve Hatırlatmalar:
    • Kullanıcıları motive etmek için günlük hedeflere ulaşma mesajları ekleyin.
    • Kullanıcıları belirli bir aktiviteyi yapmaya veya su içmeye hatırlatan bildirimler ekleyin.
  5. Örnek Uygulama: Sağlık ve Fitness Takip Uygulaması

Bu örnek uygulamalar, App Inventor’un çeşitli özelliklerini kullanma ve daha karmaşık projeler oluşturma konusunda size ilham verebilir. App Inventor Galerisi’nden örnek uygulamaları inceleyerek daha fazla fikir edinebilir ve kendi projelerinizi oluşturabilirsiniz.

Eğer sormak istedikleriniz varsa aşağıda ki yorum bölümünden bizlere ve diğer kullanıcılara soru sorabilir, bildiklerinizi de paylaşabilirsiniz.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

  • Mobil Uygulama Geliştirme Dilleri Rehberi 2024

    Mobil uygulama geliştirmek istiyorsunuz ama hangi diller sizin için gerekli karar veremediniz mi? İşte sizler için mobil app geliştirme rehberi hazırladık… Bu rehberden sonra mobil uygulama geliştirebilmek için gereken diller kafanızda canlanmış olacak ve ne istediğinizi daha iyi bileceksiniz. Mobil Uygulama Geliştirme Dilleri Hangileridir? Mobil uygulama geliştirmek için kullanılan diller arasında; Java, Swift, Kotlin, Objective-C,…

  • Apple Geliştirici Hesabı Nasıl Oluşturulur 2024

    iOS uygulamalarınızı iPhone veya iPad’inizde çalıştırmak istiyorsanız bir Apple Geliştirici Hesabına ihtiyacınız olacak. Xcode 7’den beri, iPhone ve iPad’de kendi uygulamalarınızı çalıştırmak ve yüklemek için Apple Kimliğinizi kullanabilirsiniz. App Store’da uygulama yayınlamak ve App Store Connect’i kullanmak için yine de ücretli bir Geliştirici Programı üyeliğine ihtiyacınız olacak. Bu eğitimde şunları tartışacağız: Apple Kimliğinizle ücretsiz bir Geliştirici…

  • App Inventor Örnek Uygulamalar Rehberi 2024

    Son dönemlerin ilgi gören platformlarından App Inventor nedir? App Inventor örnek uygulamaları nelerdir? gibi konular içeren kısa bir rehber hazırladık. İşte detaylar… App Inventor Nedir? App Inventor, kullanıcı dostu bir görsel programlama aracıdır ve Android uygulamaları oluşturmak için tasarlanmıştır. Aşağıda, App Inventor ile yapabileceğiniz bazı örnek uygulamaların rehberini bulacaksınız. App Inventor Örnek Uygulamalar 1. Basit…