- App Inventor veya Thunkable'da kullanabileceğiniz farklı bileşenleri inceleyin.
- Uygulamanıza yardımcı olabilecek bir bileşen bulun
- Bir öğretici araştırın ve uygulamanıza en az bir bileşen kodlayın.
Bu dersin etkinlikleri şunlardır:
AKILLI TELEFON BİLEŞENLERİ
Uygulamanızın kullanmasını istediğiniz bileşenleri (bazıları sensörler içerir) seçme ve kodlama zamanı geldi. Mevcut çeşitli bileşenler, uygulamanızın birçok farklı şey yapmasını sağlayacaktır – size uygun olanları seçtiğinizden emin olun!
Bu ders, uygulamanızda kullanabileceğiniz birçok bileşen hakkında bilgi edinmeniz için bir referans niteliğindedir.
Muhtemelen şimdiye kadar platformunuzu seçmişsinizdir, ancak App Inventor ve Thunkable için tüm bileşenleri listeleyeceğiz, böylece mevcut bileşenlerin farkında olabilirsiniz.
Uygulamanız için planladığınız özellikleri uygulamak için kullanabileceğiniz bileşenleri arayın.
KATEGORİYE GÖRE BİLEŞEN LİSTESİ
Aşağıdaki bileşenler, standart Kullanıcı Arayüzü bileşenleri, kullanıcının uygulama ile etkileşime girmesini sağlayan bileşenlerdir.
Bu liste eksiksiz değildir, ancak şu anda mevcut olan bileşenlerin çoğunu kapsamaktadır. Thunkable ve App Inventor, sürekli olarak yeni özellikler ve bileşenler eklemeye devam etmektedir.
Aşağıdaki bilgiler bu belgede de mevcuttur.
Uygulamanız fotoğraf, ses ve video gibi özelliklere ihtiyaç duyuyorsa, bu bileşenler sizin için çok yararlı olacaktır.
| Özellik Açıklaması | Uygulama Oluşturucu | Thunkable |
|---|---|---|
| Kullanıcının video çekmesine olanak tanır. Sosyal uygulamalar, video paylaşım uygulamaları veya kullanıcının video kaydetmesini istediğiniz diğer durumlarda kullanabilirsiniz. | Video kamera | Kamera |
| Kullanıcının fotoğraf çekmesine izin verir. Bu, kullanıcıların profil resimleri ayarlamasına veya paylaşmak veya galeriye kaydetmek için fotoğraf çekmesine izin veren uygulamalar için yararlı olabilir. | Kamera | Kamera |
| Kullanıcının fotoğraf kitaplığından bir resim seçmesine olanak tanır. Kullanıcıların, uygulamanızı kullanarak çekmedikleri fotoğrafları seçmelerine olanak tanır. | Görüntü Seçici | Dosyalar (fotoğraf kütüphanesi) |
| Kullanıcının tıklayabileceği bir videoyu uygulamaya yerleştirmenizi sağlar. Video .wmv, .3gp veya .mp4 formatında olmalı ve 1 MB'den büyük olmamalıdır. | Video Oynatıcı | Video |
| Metni başka bir dile çevirmenizi sağlar. Harici çeviri hizmetlerine dayandığı için uygulamanızın internet erişimi olması gerekir. | Çevirmen | Konuşma |
| Kullanıcının ses veya gürültü kaydetmesini sağlar. | Ses Kaydedici | Ses |
| Bu ses bileşeni bir ses çalar. Bu, şarkılar, konuşmalar veya şiirler gibi "uzun" sesler için en iyi sonucu verir. Thunkable, herhangi bir uzunluktaki ses için tek bir bileşene sahiptir: Ses. | Oyuncu | Ses |
| Player bileşenine çok benzer, ancak bildirim "ding" sesleri gibi kısa sesler için en uygunudur. | Ses | Ses |
| Kullanıcının konuşmasını metne dönüştürür. Bu özellik, ellerin serbest kalması gereken uygulamalar için özellikle kullanışlıdır. | Konuşma Tanıyıcı | Konuşma |
| Bu bileşen SpeechRecorder'ın tersini yapar; kullanıcıların metin girmelerine olanak tanır ve uygulama bunu yüksek sesle okur. | Metin Okuma | Konuşma |
| Uygulamanızda bir JSON animasyonu oynatabilirsiniz. | Mevcut değil | Animasyon |
Uygulamanızın telefon görüşmeleri yapması, e-posta ve metin mesajları göndermesi ve belirli türdeki bilgileri paylaşması gerekiyorsa, bu sosyal bileşenler size yardımcı olabilir.
| Özellik Açıklaması | Uygulama Oluşturucu | Thunkable |
|---|---|---|
| Kullanıcının kişilerini görüntüler ve kullanıcıların bu listeden birini seçmelerine olanak tanır. | İletişim Seçici | Mevcut değil |
| Kullanıcının kişi listesinden bir e-posta adresi girmesi için izin verir. | E-posta Seçici | Mevcut değil |
| Kullanıcının telefon rehberinden bir telefon numarası seçmesine olanak tanır. | TelefonNumarasıSeçici | Mevcut değil |
| Kullanıcının tıklayabileceği bir videoyu uygulamaya yerleştirmenizi sağlar. Video .wmv, .3gp veya .mp4 formatında olmalı ve 1 MB'den büyük olmamalıdır. | Video Oynatıcı | Video |
| Kullanıcının uygulamanızdan telefon görüşmesi yapmasını sağlar. | Telefon Görüşmesi | Paylaş |
| Kullanıcının, uygulamanız aracılığıyla başka bir kullanıcının telefonuna kısa mesaj göndermesini sağlar. | Mesajlaşma | Paylaş |
| Bu ses bileşeni bir ses çalar. Bu, şarkılar, konuşmalar veya şiirler gibi "uzun" sesler için en iyi sonucu verir. Thunkable, herhangi bir uzunluktaki ses için tek bir bileşene sahiptir: Ses. | Oyuncu | Ses |
| Kullanıcıların, uygulamanızdaki mesajları, resimleri veya diğer içerikleri, kullanıcının telefonundaki e-posta ve mesajlaşma gibi diğer uygulamalarla paylaşmasına olanak tanır. | Paylaşma | Paylaş |
| Uygulamanız ile Twitter arasında iletişim sağlar. Kullanıcılar tweetleri arayabilir, mesaj gönderip alabilir, takipçi listesini görüntüleyebilir ve daha fazlasını yapabilir. | Mevcut değil | |
| Thunkable, uygulamanıza reklam eklemenize olanak tanır. Tüm uygulamalar, indirilmeden veya yayınlanmadan önce Thunkable tarafından onaylanmalıdır. | Mevcut değil | Reklamlar |
Bu bileşenler, uygulamanızın web, cihazlar ve diğer uygulamalar gibi uygulama dışındaki varlıklarla etkileşime girmesini sağlar.
| Özellik Açıklaması | Uygulama Oluşturucu | Thunkable |
|---|---|---|
| Uygulamanızın Kamera veya Google Haritalar gibi diğer uygulamaları veya telefona yüklenen kullanıcı tarafından oluşturulan uygulamaları başlatmasına izin verir. | Etkinlik Başlatıcı | Bağlantıyı aç (Kontrol bloğu) |
| Uygulamanıza bir harita eklemenizi sağlar. App Inventor, haritaya eklenebilen İşaretler ve Şekiller gibi bileşenler içerir. Bu özellikler Thunkable'da kod olarak eklenir. | Haritalar | Haritalar |
| Kullanıcıların uygulamanız içindeki web sayfalarını görüntülemelerine olanak tanır. | Web Görüntüleyici | Web Görüntüleyici |
| Uygulamanızın harici web sitelerine bilgi gönderip almasını sağlar. | Web | Web API |
| Kullanıcının uygulamanızdan telefon görüşmesi yapmasını sağlar. | Telefon Görüşmesi | Paylaş |
| Bu bileşenler, uygulamanızın Bluetooth cihazlarına bağlanmasını sağlar. | Bluetooth İstemcisi, Bluetooth Sunucusu, BlueToothLE (uzantı) | Bluetooth Düşük Enerji |
| Bu ses bileşeni bir ses çalar. Bu, şarkılar, konuşmalar veya şiirler gibi "uzun" sesler için en iyi sonucu verir. Thunkable, herhangi bir uzunluktaki ses için tek bir bileşene sahiptir: Ses. | Oyuncu | Ses |
| Harici kaynaklardan (sensörler, web, veri dosyaları) veri toplamak ve bunları grafik şeklinde görüntülemek için kullanılır. | Grafik, GrafikVerisi2D | Mevcut değil |
| Arduino gibi seri cihazlara bağlanmak için kullanılabilir. | Seri | Mevcut değil |
| Uygulamanızın kullanıcılarının bir kullanıcı adı ve şifre ile kaydolmasına olanak tanır. Bunun için önce bir Firebase hesabı oluşturmanız gerekir. | Mevcut değil | Giriş |
| Uygulamanıza bir pdf dosyası eklemenize izin verir | Mevcut değil | PDF Okuyucu |
Uygulamanızın çevresindeki dünya veya kullanıcı hakkında bilgi toplaması gerekiyorsa, App Inventor ve Thunkable'ın erişebileceği bazı sensörler şunlardır.
| Özellik Açıklaması | Uygulama Oluşturucu | Thunkable |
|---|---|---|
| Telefonun sallanıp sallanmadığını ve dik mi yoksa ters mi tutulduğunu belirleyebilir. Bu özellik, ekranın telefonun tutulma şekline göre yeniden yönlendirilmesini istediğinizde veya uygulamanın sallanmaya tepki vermesini istediğinizde çok kullanışlıdır. | İvmeölçer Sensörü | İvmeölçer |
| İvmeölçer sensörünü kullanarak telefonu tutan kullanıcının kaç adım attığını ölçer ve ayrıca kat edilen mesafeyi tahmin edebilir. | Adımsayar | Mevcut değil |
| Telefonun eğilip eğilmediğini algılayabilir. İvmeölçerden daha hassastır ve telefonun yönünün ne kadar değiştiğini ölçebilir. | Jiroskop Sensörü | Jiroskop |
| Manyetik akı yoğunluğunu ölçmek için kullanılır. Tüm telefonlar bu özelliği desteklemez. | Manyetik Alan Sensörü | Manyetometre |
| Uygulamanızın geçerli saati almasına veya bir zamanlayıcı kullanmasına izin verir. Bu, zamanlı alarm kurmak veya zamanlayıcı kullanmak için yararlı olabilir. | Saat | Zamanlayıcı |
| Telefonun konumunun enlem ve boylamını toplar. Bu sensör, kullanıcının yakınındaki ilgi çekici noktaları aramanız gerektiğinde her zaman yararlı olabilir. | Konum Sensörü | Konum Sensörü |
| Telefonun bir nesneye yakın olup olmadığını bildirir. Genellikle kullanıcının telefonu kulağına yakın tutup tutmadığını anlamak için kullanılır. Tüm telefonlar bu özelliği desteklemez. | Yakınlık Sensörü | Mevcut değil |
| Uygulamanızın barkodu okumasını sağlar. | Barkod Tarayıcı | Kamera |
| Ortamdaki hava basıncını ölçer. | Barometre | Mevcut değil |
| Ortamdaki bağıl hava nemini ölçer. Çoğu mobil cihazda yaygın değildir. | Higrometre | Mevcut değil |
| Işık seviyesini ölçer. | Işık Sensörü | Mevcut değil |
| Uygulamanızın diğer NFC (Yakın Alan İletişimi) özellikli cihazlarla veri paylaşmasına olanak tanır. | Yakın Alan | Mevcut değil |
| Cihazın fiziksel yönelimini üç boyutlu olarak (yuvarlanma, eğim ve azimut) hakkında bilgi sağlar. | Yönlendirme Sensörü | Mevcut değil |
| Ortam (dış) sıcaklığını ölçer. | Termometre | Mevcut değil |
Uygulamanız, bu bileşenler sayesinde opp içinde, cihazda ve bulutta veri depolayabilir.
| Özellik Açıklaması | Uygulama Oluşturucu | Thunkable |
|---|---|---|
| Uygulama içinde bilgileri güncellemenizi ve saklamanızı sağlayan blok. Uygulama kapatıldığında tüm bilgiler silinir. | Değişken | app Değişken |
| Uygulamanızın bilgileri mobil cihazda yerel olarak depolamasını ve güncellemesini ve bunları uygulama içinde kullanmasını sağlar. Veriler, uygulamanın çalıştırılması arasında depolanabilir ve geri çağrılabilir. Thunkable'da, DataViewer ve DataViewerGrid, "Kendi Tablonuzu Oluşturun" seçeneğini kullanarak verileri yerel olarak depolayabilir. | TinyDB | saklanan Değişken Veri Görüntüleyici Listesi Veri Görüntüleyici Tablosu |
| Uygulamanızın bulutta veri depolamasını, almasını ve güncellemesini sağlayarak, uygulamanın farklı kullanıcıları arasında veri paylaşımı yapılabilmesini sağlar. Thunkable, Firebase kullanarak bulut değişkenleri sunar. DataViewer ve DataViewerGrid, Airtable, Google Sheets ve Webflow ile bağlantılandırılabilir. App Inventor’ın Spreadsheet bileşeni, Google Sheets ile bağlantılandırılır. | CloudDB FirebaseDB Hesap Tablosu | bulut Değişken – (Firebase) DataViewer Listesi DataViewerGrid |
Uygulamanızda sınıflandırma ve üretken yapay zeka araçları için makine öğrenimi modellerini kullanın.
| Özellik Açıklaması | Uygulama Oluşturucu | Thunkable |
|---|---|---|
| OpenAI'nin ChatGPT adlı yapay zeka sohbet botuyla iletişim kurmanıza olanak tanır. | Sohbet robotu | Açık AI Hizmetleri (metin tamamlama) |
| Uygulamanıza DALL-E'yi ekleyerek görüntüleri oluşturmanıza ve düzenlemenize olanak tanır. | Görüntü botu | Açık AI hizmetleri (görüntü oluşturma) |
| Kendi makine öğrenimi modelinizi (görüntü, ses, poz) oluşturmanıza ve uygulamanızda kullanmanıza olanak tanır. | PersonalImageClassifier PersonalAudioClassifier PoseNetExtension TeachableMachine (bunların tümü için uzantıyı eklemeniz gerektiğini unutmayın) | Mevcut değil |
Uygulamada çizim özelliğini etkinleştirin ve animasyonlar ve oyunlar oluşturmak için sprite'lar ekleyin.
| Özellik Açıklaması | Uygulama Oluşturucu | Thunkable |
|---|---|---|
| Kullanıcıların çizim yapabileceği bir alan ekler. Burada ayrıca canlandırabileceğiniz sprite'lar da ekleyebilirsiniz. | Tuval | Tuval |
| Bu bileşenler, bir oyun veya animasyon içinde canlandırılabilen ve etkileşim kurulabilen öğelerdir. | ImageSprite Topu |
Sprite |
App Inventor'ın Tasarımcı penceresinde bileşenler ekleyeceksiniz. Bileşenleri göstermek için paletteki bir kategoriye tıklayarak çekmeceyi açmanız gerekecektir.
AKTİVİTE: YENİ BİR BİLEŞEN ÖĞRENİN
Tahmini süre: 60 dakika
Öğrenmek istediğiniz bileşeni seçin
- Uygulamanızda kullanacağınızı düşündüğünüz en az bir bileşen veya sensör seçin.
- Uygulamada bileşeni kullanmak için belgeleri ve/veya öğreticiyi bulun. Buradan başlayabilirsiniz:
- Bu yeni bileşeni kullanarak bir uygulama kodlayın.
Mentor İpucu
En iyi uygulamalar: Seçtiğiniz bileşen uygulamanız için mükemmel olmak zorunda değildir! Önemli olan, yeni bir bileşen hakkında bilgi edinmenizdir. İşe yarayacağını düşündüğünüz bir şey seçin ve işe yaramadığını anlarsanız sorun değil. Kodlama dünyasında bu araştırmaya "spike" ( çivi ) diyoruz, çünkü mümkün olduğunca hızlı bir şekilde derinlemesine araştırma yapmaya çalışıyorsunuz (tıpkı demiryolu çivisini yere çakmak gibi).
Öğrencilere sorulacak yol gösterici sorular: Apple Watch için bir uygulama yapıyorsak, Apple Watch'ta ne tür bileşenler olabilir? (Kalp atış hızı monitörü, jiroskop – adım takibi için, bluetooth). Ne kadar veri topluyorsunuz? Bu verileri AI modelinizi eğitmek için kullanabilir misiniz?
Mentor ipuçları AmeriCorps'un desteği ile sağlanmaktadır.
Bir programcı olarak öğrenebileceğiniz en iyi becerilerden biri, takıldığınızda veya bir şeyi kullanmayı öğrenmeniz gerektiğinde size yardımcı olacak kaynakları nasıl bulacağınızı bilmektir.
Bu etkinlik pratik yapmaktır!
Bu, oluşturmak istediğiniz uygulamayla tam olarak uyuşmayabilir, ancak bileşenlerle kodlama pratiği yapmak, kendi uygulamanızı oluştururken size yardımcı olacaktır.
YANSIMA
Bu ders, uygulamanızı oluşturmak için kullanabileceğiniz tüm bileşenler için bir referans niteliğindedir. Bileşenlerinizi nasıl kullanacağınızı öğrenmek için bir eğitim veya dokümantasyon bulmak kolay değildir!
ANAHTAR TERİMLERİN GÖZDEN GEÇİRİLMESİ
- Kullanıcı Arayüzü Bileşenleri – düğmeler, etiketler ve metin kutuları gibi kullanıcının etkileşimde bulunacağı standart bileşenler
- Medya Bileşenleri – medya bileşenlerine örnek olarak fotoğraflar, ses ve videolar verilebilir.
- Sensörler – çeşitli amaçlarla veri toplayan, telefona takılan farklı türde cihazlar
- Sosyal Bileşenler – kullanıcıların uygulamanız üzerinden telefon görüşmeleri yapmalarını, e-posta ve mesaj göndermelerini ve içerik paylaşmalarını sağlayan özellikler
- Bağlantı Bileşenleri – uygulamanızın web ve diğer uygulamalar gibi uygulama dışındaki yerlerle etkileşime girmesini sağlayan özellikler
- Depolama Bileşenleri – uygulamada, cihazda ve bulutta bilgi depolamanızı sağlayan bloklar ve bileşenler
- AI Bileşenleri – uygulamanızda makine öğrenimi modellerini veya üretken AI araçlarını kullanmanızı sağlayan bileşenler
EK KAYNAKLAR
App Inventor için diğer yararlı eğitim siteleri:
- appinventor.org
- Coding Bus başlangıç kursu (birçok bileşenli öğreticiler)
- GirlsCodeIt Teknoloji Yenilikçiliği eğitimleri
- Tam Bileşen Referans Listesi (Yazdırmak için Google dokümanı)
