APP INVENTOR 2

Gyroscope Sensor

noreply@blogger.com (Okay) — Sat, 17 Sep 2016 11:59:00 +0000

Gyroscope Sensor ( Jiroskop Sensör )

Kullanıcı arayüzünde görünür olmayan bu bileşen ile Üç boyutlu Açısal Hız ölçümü yapılabilir.

Çalışması için, "Enabled" özelliği "true" olmalıdır. Ayrıca cihazda jiroskop sensörü olmalıdır.

Özellikler

Available: Sensörün hazır olup olmadığı bildirir.
Enabled: Eğer bu özellik "true" ise XAngularVelocity, YAngularVelocity, ve ZAngularVelocity açısal hız değişkenleri değer almaya başlar..
XAngularVelocity: X ekseninde Açısal Hız, saniyedeki (açısal hız) derece.
YAngularVelocity: Y ekseninde Açısal Hız, saniyedeki (açısal hız) derece.
ZAngularVelocity: Z ekseninde Açısal Hız, saniyedeki (açısal hız) derece.

Olaylar

GyroscopeChanged(number xAngularVelocity, number yAngularVelocity, number zAngularVelocity, number timestamp): Jiroskobun değer değişiminde tetiklenen bu olayda nanosaniye ölçüsünde hesaplanan timestamp parametresi "GyroscopeChanged"olayının gerçekleşme aralıklarını bildirir.

Metod

Yok

ÖRNEK UYGULAMA

APP INVENTOR GALLERY

Clock Alarm Sensor

noreply@blogger.com (Okay) — Mon, 12 Sep 2016 20:43:00 +0000

SAAT ( Clock)

Kullanıcı arayüzünde görünür olmayan bu bileşen ile belli aralıklarda bir işlem yaptırabilir yada herhangi bir zamanda bir prosedürü başlatmasını da sağlayabilir siniz.

Metodları içinde zamanı text (yazı) formatına çevirme işlemleri de vardır., MM/DD/YYYY HH:mm:ss a, veya MMM d, yyyy HH:mm. Formatları kullanılabilir. Boş bir değer yazılır ise seçili formatta görüntüleme yapılır, tarih ve saat için "MMM d, yyyy HH:mm:ss a" FormatDateTime, tarih değeri için "MMM d, yyyy" for FormatDate. Tüm formatlar için burayı ziryaret edebilirsiniz.

Tarih ve saat formatı; milisaniye cinsinden (InstantInTime ) geçen sürede biçimlendirilir.

· Anında: Anlık olarak oluşturulabilir

· Belli bir sürede : Milisaniye cinsinden geçen zaman aralığında.

Özellikler

TimerAlwaysFires (Sayaç sürekli aktif)

Bu özellik “true” ise yapılması gereken işlem her döngüde oluşacaktır.

TimerEnabled (Sayaç açık ve kullnılabilir)

İşlem yapmaya hazır bir şekilde döngüyü başlatır.

TimerInterval (Döngü zamanı)

İki olay arasında geçen süredir. Milisaniye (ms) cinsinden bir değer alır 1 saniye 1000 ms dir.

Olaylar

Timer() (Zamanlı işi yap)

Belirlenen döngü sonunda istenilen prosedürü veya kodu çalıştırır. Seçili İnterval (Döngü değeri 1000 milisaniye) her döngü bitişinde kodu çalıştırır.

ÖRNEK UYGULAMA

Seçilen saat yani alarm bilgisini dosyaya kaydeden ve açılışta okuyan. Zamanı geldiğinde istenilen görevi yapan ve alarmı çalan aynı zamanda istenilen program prosedürünü çalıştıran uygulama

APP INVENTOR GALLERY

Barcode Scanner

noreply@blogger.com (Okay) — Mon, 05 Sep 2016 09:27:00 +0000

Barcode Scanner ( Barkod Tarayıcı )

Bu komponent ile barkodları okuyabilir ve text değişkenine aktarabilirsiniz.

Özellikler

Result (Sonuç, text değer alır): Henüz yapılmış tarama için text değeri.
UseExternalScanner (Başka bir tarayıcı kullan, true veya false mantıksal değeri alır): Bu değer "true" olur ise App Inventor yazılımınız; cihazınızda yüklü başka bir barkod tarama programı arayacaktır. Örnek: " Bar Code Scanner"

Olaylar

AfterScan( result ; text değişkeni vardır. Sonucu bu değişkene aktarır): Tarama sonucu text değerini result adlı değişkene aktarır.

Metotlar

DoScan(): Bu durum barkod taramanın cihaz kamerası ile başlamasından AfterScan olayına kadar sürer.; Örnek Uygulama; Dizayn Ekranı; Blok Ekranı; Ekran Görüntüsü; App Inventor Gallery Link; Uygulama Dosyası (.apk)

Accelerometer Sensor

noreply@blogger.com (Okay) — Sun, 04 Sep 2016 13:15:00 +0000

Accelerometer (İvme Ölçer) Sensor

Kullanıcı ekranında görünmeyen bu komponent ile cihazın hangi açıda durduğunu ölçebilirsiniz.Üç farklı durum için bilgi verecektir. Buna ek olarak cihazın sallandığını da fark eden hazır bir prosedürü de kullana bilirsiniz.İvme ölçüsünü (m/s2) olarak verir.

xAccel: 0 değeri verdiğinde cihaz; düz bir yüzeyde durmaktadır. Yani ekranı üzerinde veya genelde koyduğumuz ekranı yukarı pozisyonda. Cihazı sağ taraf yüzeye temas ederken sağına doğru yatarsa değer maksimum +9,8 olacaktır. Bu hareketin tam tersi ise -9,8 maksimum değer verecektir.
yAccel: 0 değeri verdiğinde cihaz; düz bir yüzeyde durmaktadır. Yani ekranı üzerinde veya genelde koyduğumuz ekranı yukarı pozisyonda.Cihazı alt kısmı üzerine 90 dereceye getirirsek yani kulaklık kısmı üst tarafta olacak şekilde bu değer +9,8 kadar artar. Cihazın kulaklığını alta getirirsek yani aynı poziyonda dikine ters çevirirsek değer -9,8 kadar artar.
zAccel: 0 değerini görmek için telefonun boyuna dik olması gerekir. Tam sırt üstü konumda +9.8 yüzüstü konumda ise -9,8 değerlerini verir. Aynı zamanda yerçekimi için hızlı bir şekilde zemine yaklaştırır veya uzaklaştırırsanız alacağını değer +9,8 veya -9,8 üzerine çıkacaktır.

Özellikleri

Available (Sensör var)
Enabled (Sensör Açık ve kulanıma hazır)
MinimumInterval: Milisaniyedeki döngü değeridir. Bu telefonun sallanması durumunda geçerli bir değerdir.
Sensitivity: Hassaslık ayarıdır. Üç seçenekten birini seçebilirsiniz. Seçenekleriniz: 1 = zayıf, 2 = orta, 3 = güçlü.
XAccel (x Ekseni)
YAccel (x Ekseni)
ZAccel (x Ekseni)

Olaylar

AccelerationChanged(sayı_değişken xAccel, sayı_değişken yAccel, sayı_değişken zAccel): İvme ölçer eksenleri değişiminde oluşur. X, Y, ve Z eksenleri için sayısal değer verir.
Shaking(): Cihaz elinizde iken tüm eksenleri içeren bir sallama hareketi ile tetiklenir.

Metot

Yok

Örnek Uygulama

Dizayn Ekranı

Blok Ekranı

Ekran Görüntüsü

App Inventor Gallery Link

Uygulama Dosyası (.apk)

ÖRNEK UYGULAMALAR - Social Bileşenleri - Phone Call Uygulaması

noreply@blogger.com (Okay) — Fri, 03 Apr 2015 08:28:00 +0000

"Android Yazılımı Artık Çok Kolay"

TELEFON ARAMASI YAPMA UYGULAMASI: Bu örnek uygulamamızda telefon özelliği olan bir cihazın rehberine ulaşıp seçeceğimiz numarayı arayacağız.

İlk önce ekrana bileşenleri belli bir düzende tutmak için 2 sütun 3 satırlı bir “TableArrangement” bileşeni ekliyoruz. Bu bileşenin içine “PhoneNumberPicker1” bileşenimizi yerleştiriyoruz. Bu bileşen bir buton görünümündedir ve tıklandığında bize rehberimizdeki tüm telefon numarası bulunan kişileri listeler.

Blok bölümüne geçiyoruz. “PhoneNumberPicker1” bileşenimizin açtığı listeden seçim yapıldığında “when..PhoneNumberPicker..AfterPicking” olayı tetiklenir. Biz bu olay bloğu içinde “Set..PhoneCall1..PhoneNumber..to” bloğu ile “PhoneCall” bileşenin “PhoneNumber” yani telefon numarasına seçtiğimiz “PhoneNumberPicker1” bileşeninin “PhoneNumber” değerini atıyoruz. aynı atamayı “TextBox1” bilşenimizin “Text” değişkenine de yapıy numarayı görüyoruz.

“Button1” bileşenimizin “Click” olay bloğu içine yerleştirdiğimiz “Call..PhoneCall1..MakePhoneCall” prosedürü “PhoneCall1” bileşenimize atanmış numarayı aramamızı sağlar.

“When..PhoneCall1..PhoneCallEnded” bloğu aramamız bitince çalışır. İçinde bulunan “PhoneNumber” değeri yukarıda atanan değerdir. “status” değeri ise o anki durum hakkında verilen bir numaradır.

“When..PhoneCall1..PhoneCallStarted” bloğu aramamız başlayınca çalışır. İçinde bulunan “PhoneNumber” değeri yukarıda atanan değerdir. “status” değeri ise o anki durum hakkında verilen bir numaradır.

Programı çalıştırıp sonuçlarını gözlemleyebiliriz.

ÖRNEK UYGULAMALAR - Sensors Bileşenleri - GPS Location Sensor

noreply@blogger.com (Okay) — Fri, 03 Apr 2015 08:26:00 +0000

"Android Yazılımı Artık Çok Kolay"

GPS SENSOR UYGULAMASI: “LocationSensor” bileşeni ile cihazmızın GPS (Konum) sensörünü açarak bize enlem, boylam ve yükseklik bilgisini vermesini sağlayabiliyoruz. Bunun için Ekranımıza “LocationSensor” bileşeni yanında bu bileşeni aktif ve pasif yapacak 2 buton bileşeni ile bilgilerin gösterileceği 3 adet “TextBox” bileşeni ve bunların açıklamalarının yeralacağı 3 “Label” bileşeni ve “LocationSensor” bileşeninin durumunu ve kullandığı sensörü gösterir iki “Label” bileşeni daha ekliyoruz. Ve bu bileşenlerin yerleşimini düzenlemek için “Layout” bölümünden “HorizontalArrangement” ve “VerticalArrangement” bileşnlerini de ekliyoruz. Dizay ekranı aşağıda göründüğü gibi yerleştiriyoruz.

Blok bölümüne geçiyoruz ve “Button1” ile “LocationSensor1” bileşenimizi aktif hale getiriyoruz ve bu butonun “Enable” (Kullanılabilirlik) özelliğini “False” yaparak tekrar basılması sonucunda oluşabilecek olumsuzlukların önüne geçiyoruz ve programın başında “Screen1” bileşnin ilk gösteriminde çalışan bloğun içinde “False” yaptığımız “When..Screen1..İnitialize” “Button2” nin “Enable” (Kullanılabilirlik) özelliğini “True” yaparak kullanıcının istediği zaman “LocationSensor1” bileşenimizi pasif hale getirebileceği bloğu çalıştırabilmesini sağlıyoruz.

“When..LocationSensor1..LocationChanged” bloğu altında; enlem boylam ve yükseklik için ayarladığımız “TextBox” bileşnlerinin “Text” özelliklerine, yine “When..LocationSensor1..LocationChanged” içinde bulunan ve bize bu olayın döndürdüğü değerlerini kilitliyoruz.

“When..LocationSensor1..StatusChanged” olayı ise bize hem iletişim kurduğu sensörü “provider” değişkeni ile verir hemde anlık olarak sensör durumunu “status” değişkeni ile döndürür. bu değişkenleri resimde görüldüğü üzere “Label5” ve “Label6” bileşenlerinin “Text” özelliklerine kilitliyoruz.

Programı çalıştırıyoruz. Konumdaki değişmeleri görebilmeniz için açıkhavada olmanız GPS sinyali almanız gerekiyor ve mümkünse 500 metreye yakın bir mesafe görünebiliyor, tabi ki bu kullandığınız cihazın GPS sensörüne bağlı.

Burada dikkat edilecek noktaya gelirsek cihazının GPS özelliğini açmanız gerekir. Eğer güncellemeyi daha sık aralıklarla almak isterseniz. “LocationSensor1” bileşeninin “set..LocationSensor1..Timeinterval” bloğunundaki özelliğine milisaniye (Örn:1 saniye için 1000 değeri girilecek) olarak değer atayabilirsiniz. Örneğin bu bloğu “Button1” in “Click” olayı içine yerleştirin.

ÖRNEK UYGULAMALAR - Media Bileşenleri - Text To Speech

noreply@blogger.com (Okay) — Fri, 03 Apr 2015 08:21:00 +0000

"Android Software Made Easy"

Metin Okuma (TextToSpeech) Uygulaması: Bu uygulamamızda android cihazımızın bizim için metin seslendirme özelliği göreceğiz.

İlk olarak ekranımıza “TextToSpeech” bileşeni, içindeki metinin okunması için “TextBox” bileşeni, işlemi “click” olayı ile başlatacak bir “Button” ve metin alanına değer girilmediği zaman uyaracak “Notifer” bileşeni yerleştiriyoruz.

Blok bölümüne geçiyoruz ve “Button1” “click” olayının içine bir şartlı kontrol bloğu yerleştiriyoruz. Bu blok ile ilgili açıklamalar daha önceki bölümlerde mevcut. Şunu hatırlatmakta yarar var “Else” ifadesi ilk bloğu eklerken görünmüyorsa bu bloğun üzerindeki kırmızı alanda fare ile tıkladığımız zaman çıkacak olan baloncuğun içinden else bloğunu alarak yine baloncuğun içindeki “if” bloğunun içine sürüklüyoruz.

“İf..Then..Else” bloğunda ilk kulakçığa mantıksal sınama kilitlenir. Burada “TextBox1” bileşeninin “Text” değişkeni boş “” yani hiçbir değer girilmemiş ise program “then” bloğuna atlayacak ve bu blok içindeki “Notifier1” bloğunun “notice” değişkenine kilitlenen metini gösterecek, ardından “TextBox1” bileşenine odaklanacaktır.

Eğer (if) “TextBox1” bileşeninin “Text” değişkeni boş “” değil ise (else) program “else” bloğuna atlayacak ve “TextBox1” bileşeninin “Text” özelliğindeki değeri seslendirecektir.

Burada görününen “SpeechRate” bloğu; “TextToSpeech1” bileşeninin okuma hızını ayarlar, girilen değerler 0 (sıfır) ile 2 (iki) arasındadır. Sıfır (0) en yavaş iki (2) en hızlı değerdir. Bu blokla düzenleme yapılmaz ise “SpeechRate” değişkeninin değeri “1” bire eşittir.

ÖRNEK UYGULAMALAR - Media Bileşenleri - Speech Regognizer

noreply@blogger.com (Okay) — Fri, 03 Apr 2015 08:19:00 +0000

"Android Software Made Easy"

Ses Tanıma Uygulaması: Bu uygulamamızda “Google” firmasının android cihazlar için verdiği ses tanıma desteğini kullanacağız. Ses tanıma işlemi ekranda mikrofon simgesinin çıkıp sizin konuşmayı başlatmak ve bitirmek için bir ses duymanız arasında geçen sürede gerçekleşir.

Bu uygulama için ekranımıza resimde görüldüğü üzere Bir adet “SpeechRegognizer”, bir adet “Button”, tanınan seslerin anlık yazılacağı bir “TextBox” bileşeni, “TextBox” bileşeninin yanına bir etiket ve tanınan konuşmaların sırasıyla eklendiği bir “ListView” bileşeni ekliyoruz.

Bu uygulamada “ListView” bileşeninin kullanımı hakkında örnekler bulacaksınız.

Uygulamanın blok bölümüne geçiyoruz.

“Button1” ile ses tanıma işlemi başlatılıyor. “When..SpeechRegognizer1..AfterGettingText” olayı ile ses tanıma işlemi bittikten sonra bu olay bloğunun köşesinde bulunan kırmızı renkli “result” (Tanınmış sesin metin hali) yazısının üzerine fare ile durduğumuz zaman “get..result” bloğunu “TextBox1” bileşeninin “Text” değişkenine kilitliyoruz.

“ListView1” bileşeni ile yaptığımız ise, “liste_eleman” isminde bir değişken oluşturup bu değişkene “SpeechRegognizer1” bileşenin “result” bloğunu add..item..list” bloğu yardımı ile “ListView1” bileşeninin sonuna bir eleman daha ekliyoruz.

ÖRNEK UYGULAMALAR - Media Bileşenleri - SoundRecorder - Player

noreply@blogger.com (Okay) — Thu, 02 Apr 2015 08:22:00 +0000

"Android Yazılımı Artık Çok Kolay"

Ses Çalma ve Ses Kayıt Uygulaması:Bu uygulama için ekranımıza 3 adet “Button” bileşeni yerleştirip sırasıyla “Button1=Kaydetmeye Başla”, “Button2=Kaydetmeyi Durdur” ve “Button3=Kaydedilen sesi Çal” olarak “Properties” alanından butonların “Text” özelliklerini değiştiriyoruz. İlk iki butonu ekranda yanyana görünmesi için “HorizontalArrengement1” içine yerleştiriyoruz.

Ekranımıza 1 adet “Player”, 1 adet “SoundRecorder” ve bize yapılan işi görsel olarak göstermesi için “Notifier” bileşeni ekliyoruz ve blok ekranına geçiyoruz.

Bu Ekranda resimde de görüldüğü üzere, butonlardan “Button1” ses kaydını başlatır, “Button2” ses kaydını dururur ve “Button3” de kayıt sonrası “When..Recorder1..AfterSoundRecorder” oulayı ile “Player1” bileşeninin “Source” özelliğine kaydedilen dosyayı aktarır.

Bu uygulamada butonların “Properties” alanındaki “Image” özelliğini kullanarak butonla alakalı resim tanımlayabilirsiniz. Örneğin “play”, “stop”, “record” olarak internette aratacağınız küçük resimleri dizayn ekranındaki media alanına bu küçük resimleri yükleyin ve bu resimleri butonların “Properties” alanındaki “Image” özelliğinden seçiniz. “Player1” bileşeninin duraklatma (Call..Player1..Pause) ve durdurma (Call..Player1..Stop) bloklarını da yerleşim bileşenlerinin düzenlemesi ile yerleştirip kullanabilirsiniz.

Hemen uyarayım resimleri butonlara tanımladığınızda yazıların altında arka plan olarak kendilerini gösterirler. En uygunu, resim kullanırken “Text” özelliğini boş bırakmak olur.

ÖRNEK UYGULAMALAR - Media Bileşenleri - Camera

noreply@blogger.com (Okay) — Thu, 02 Apr 2015 08:19:00 +0000

"Android Yazılımı Artık Çok Kolay"

Fotograf Çekme Uygulaması:Bir önceki uygulama ile aynı şablonda yapacağız bu uygulamayı yani cihazın fotoğraf çekme özeliğini kullanacağız. Ekranımıza “buton”, “Image” ve media bölümünden “Camera” bileşenleri ekliyoruz. “Image1” in “Width” özelliğini “FillParent” yapıyoruz.

Butonumuzun “Text” özelliğini “Fotograf Çek” olarak değiştiriyoruz ve blok bölümünde butonumuzun “click” olayına “Camera1” bileşeninin fotograf çekmeye başlamasını tetikliyoruz. “When..Camera1..AfterPicture” olayı ile de “Camera1” bilşeninin “getimage” değerini“image1” bileşeninin “picture” değişkenine kilitliyoruz.

Burada dikkat edilmesi gereken en önemli nokta “When..Camera1..AfterPicture” olay bloğunda, köşede “image” özelliği vardı; bu özelliğin üzerinde fareyi bekletirseniz “getimage” (cihazın kamera uygulamasının çektiği fotoğraf yolunu verir) özelliğini gösteren baloncuk görüntülenir, bu baloncuğun içinden “getimage” bloğunu şeçip “image1” bileşeninin “picture” değişkenine kilitliyoruz.

ÖRNEK UYGULAMALAR - Media Bileşenleri - Camcorder

noreply@blogger.com (Okay) — Thu, 02 Apr 2015 08:17:00 +0000

"Android Yazılımı Artık Çok Kolay"

MEDIA BİLEŞENLERİ İLE ÖRNEK UYGULAMALAR:

Video Kamera ve Video Oynatma Uygulaması: Bu uygulamamız ekranımıza bir adet “Button” bileşeni, bir adet “Camcorder” bileşeni ve çektiğimiz video görüntüsünü görebilmek için de “Videoplayer” bileşeni ekliyoruz. Buton bileşenimizin “Text” özelliğini “VİDEO GÖRÜNTÜSÜ AL” olarak değiştiriyoruz. Blok ekranına geçiyoruz ve aşağıdaki düzenlemeleri yapıyoruz. Burada kullanılan blokları tek tek izah etmiyorum, çünkü önceki bölümlerde yapılan açıklamalar doğrultusunda bileşenler ve özellikleri ve “Blok Kavramı ve Görünümü” bölümüne başvurabilirsiniz.

Burada dikkat edilmesi gereken en önemli nokta “When..Camcorder1..AfterRecording” olay bloğunda, köşede “clip” özelliği vardı; bu özelliğin üzerinde fareyi bekletirseniz “getclip” (cihazın video kamera uygulamasının çektiği video yolunu verir) özelliğini gösteren baloncuk görüntülenir, bu baloncuğun içinden “getclip” bloğunu şeçip yerleştirebiliriz. Biz burada bu değer bloğunu, “VideoPlayer1” bileşeninin “Source” (kaynak veya dosya yolu) değişkenine kilitliyoruz. Böylece çekim bittikten sonra video “VideoPlayer1” içinde görüntülenir. Benim kullandığım cihazda “call..videoplayer1..start” bloğu ile oynatmaya başlaması komutu verildiği halde otomatik başlamıyor bileşenin üzerine dokunup “play” tuşuna basılması gerekiyor.

Video görüntüsünün şekilsiz olmasını ise “VideoPlayer1” bileşenin dikey görüntülemeye ayarlı olmasıdır. Bunu düzeltmek için cihazı çevirdiğimizde ekran bileşenlerinin otomatik olarak yerleşmesi ile yapılabilir. Bu işlem için Dizayn ekranında “Screen1” bileşeni seçili iken “Properties” alanından “ScreenOriantation” özelliğini “Sensor” olarak değiştiriyoruz böylece cihazımızın yönüne göre görüntü ve bileşenlerin yerleşimi otomatik olarak ayarlanacak.

Bu satırları yazarken “VideoPlayer” bileşeninin görüntü yerleşimi ve boyutlandırma sorunları vardı. En yakın zamanda düzeltilmesini diliyoruz.

ÖRNEK UYGULAMALAR - Layout Bileşenleri

noreply@blogger.com (Okay) — Thu, 02 Apr 2015 08:13:00 +0000

"Android Yazılımı Artık Çok Kolay"

2. LAYOUT BİLEŞENLERİ İLE ÖRNEK UYGULAMALAR:

Yeni bir proje oluşturuyoruz. “Components” Alanı içinde “Screen1” üzerine tıklıyoruz, ve “Properties” alanı içindeki “AlignHorizontal” (Yatay Hizala) özelliğini “Center” (Ortala) olarak değiştiriyoruz. Böylece ekrana yerleştireceğimiz bileşenler ortalanacak görünümü daha iyi algılanacak.

Sırasıyla “Layout” bölümünden “HorizontalArrangement”(Yatay Yerleşim Düzenleme), “VerticalArrangement” (Dikey Yerleşim Düzenleme) ve “TableArrangement”(Tabloda Yerleşim Düzenleme) bileşenlerini ekrana ekliyoruz. Bu bileşenlerin genel görünümü kare şeklinde kutucuklardır. yapı olarak ise sadece “TableArrangement” içinde bileşen yerleştirirken fark edebileceğimiz; seçili olarak 2 satır ve 2 sütun şeklinde hücreler vardır. Bu bileşenin hücre sayısını “Properties” alanından ayarlayabilirsiniz.

Bileşenlerimizin içine “User Interface” Bölümünden “Button” bileşeni ekliyoruz görüldüğü gibi;

- “HorizontalArrangement”(Yatay Yerleşim Düzenleme) içine yerleştirilen butonlar yanyana yerleşir.

- “VerticalArrangement” (Dikey Yerleşim Düzenleme)içine yerleştirilen butonlar ise üst üste yerleşir. Daha doğru bir anlatımla dikey sıralanır.

- “TableArrangement”(Tabloda Yerleşim Düzenleme) içine yerleştirilen butonların yerleştirme anında görünen hücrelere yerleştiğini fark edeceksiniz.

Tüm bu yerleşim bileşenlerinin “Properties” alanında “Width” (Genişlik) ve “Height” (Yükseklik) özelliklerinin olduğunu göreceksiniz. Bu özellikler seçili olarak “Automatic” olarak gelir. Bu özelikler:

Automatic: Bileşenin içine yerleştirilen bileşenlerin boyutu oranında genişlik veya yükseklik otomatik ayarlanır.
FillParent: Bileşen bir üst düzenleme bileşeninin içine doldurur. İç içe birçok düzenleme bileşeni olabileceği gibi bu örnekteki gibi sadece “Screen1” içinde olabilir bu durumda üst düzenleme bileşeni “Screen1” olarka kabul edilir ve o bileşnin içi doldurulur.
Pixels: Boyutu piksel olarak ayarlamak için buraya istediğimiz değeri girebiliriz.

Bu bileşenlerin “Visible” (Görünürlük) özelliğini kullanarak programın çalışması esnasında istediğiniz bileşenlerin olduğu gibi düzenleme bileşenin içe yerleştirdiğiniz tüm bileşenlerin de görünür olması veya gizlenmesini sağlayabilirsiniz. Aşağıdaki resimde ilgili bloklar ile “TableArrangement1” bileşenini gösterip gizleyen bir blok dizisi vardır. Bu bloklar “Button1” bileşeninin “Click” olayına kilitlenmiştir.

ÖRNEK UYGULAMALAR - User Interface Bileşenleri

noreply@blogger.com (Okay) — Thu, 02 Apr 2015 08:10:00 +0000

"Android Yazılımı Artık Çok Kolay"

USER INTERFACE BİLEŞENLERİ ORNEK UYGULAMALAR

İlk olarak oluşturduğumuz yeni projenin dizayn ekranında “Screen1” üzerine, “Layout” bölümünden “TableArrengement” bileşeni ekliyoruz ve bileşenin “Properties” bölümündeki “Columns” değerini “1”, Rows değerini “10”, “Width” değerini “FillParent” “Height” değeini ise “FillParent” yapıyoruz. Bu bize ekranın tüm kenarlarına dayanmış 1 sütunlu 10 satırlı bir tablo ızgarası oluşturur.

“Screen1” bileşenini “Components” alanından seçiyoruz ve “Properties” alanından “Scrollable” (Kaydırma çubuğu kullan) kutucuğunu işaretliyoruz.

Aşağıdaki resimde görüldüğü üzere “Button” ve “TextBox” harici (ilk uygulamamızda bu bileşenler ile ilgili örneğimiz var) tüm bileşenleri sırasıyla tablo ızgarasının en üstünden altına kadar yerleştirelim. “Text” yani etiket olan bileşenlerinde etiketlerini özellikle değiştirmiyoruz ki gözümüzün önünde hangi tür bileşen olduğunu bilelim, uzmanlaştıkça “Properties” alanından düzenlemeleri yaparsınız.

CheckBox: İlk olarak “CheckBox1” bileşenimiz için, işaretli olup olmamasını ekranda uyarı olarak gösteren ve “Notifier1” bileşeninin de kullanılacağı uygulama blokları oluşturacağız. Blok Ekranına geçiyoruz ve “CheckBox1” bileşenimizin üzerine tıklayıp “When..CheckBox1..Changed” olayını ekliyoruz, ardından “Notifier1” bileşenimize tıklayıp “Call..Notifier1..ShowAlert” ekliyor ve bunu bir önceki olayın içine kilitliyoruz. “Call..Notifier1..ShowAlert” metodu yanında boş bir “Text” kulakçığı ile gelir. Bu kulakçık “Built-in” altındaki “Text” bloklarının en üstünde bulunan boş yazı (Text) değeri ile doldurulacak.

Artık uygulamamız çalıştırıldığında “CheckBox1” bileşeninin her seçimi değiştirildiğinde uyarı görüntüleyecek. Bu olayı programın çalışması esnasında ilgi değişkenin değerini seçime göre değiştirmek için kullanabilirsiniz.

Uygulamayı çalıştırıp gözlemleyelim.

Aşağıdaki bloklar, oluşturulmuş değişkene, seçime bağlı olarak değer aktarmaktadır.

DatePicker: Ekranımızdaki “Datepicker1” bileşenimizi, blok ekranında seçiyoruz ve “When..DatePicker1..AfterDateSet” olay bloğunu ekliyoruz. Ardından “Notifier1” bileşenimize tıklayıp “Call..Notifier1..ShowAlert” ekliyoruz.“Notifier1” bileşenimizin boş olan kulakçığına “Text” bölümünden “Join” prosedürü ekliyoruz bu prosedür bize “Text” değerlerini arka arkaya birleştirmeye yarar. Resimde görüldüğü üzere “DatePicker1” bileşeninin gün, ay ve yıl değerlerini ekliyoruz. Aralara görünürlüğü kolaylaştırmak için “/” karakteri ekleniyor. Uygulamayı çalıştırdığınızda “DatePicker1” bileşenine tıkladığınızda açılacak olan ekrandan seçtiğiniz tarih bilgileri, uyarı mesajı olarak görüntülenecektir.

İmage: Bu bileşenimizin herhangi bir olayı (event) yoktur. Pasiftir yani program akışına müdahale edemez. Bileşenimizde bir resim dosyası görüntülemek için “Media” alanından dosya yükleyip o dosyayı “İmage1” bileşeninin “Properties” alanındaki “Picture” özelliğinden seçip görüntüleme imkanınız var. Ama biz bu resmin internetten yüklenmesini sağlıyacağız. Bunun için blok ekranına gidip “Built-in” bölümün altında bulunan “Screen1” seçiyoruz bu bileşenin bloklarından “When..Screen1..initialize” seçiyoruz. Bu olay bileşenlerin konumlandığı ekran ilk gösteriminde gerçekleşir. Bu olayın altına “image1” bloklarından “Set..image1..picture” bloğunu kilitliyoruz. Bu bloğun sonuna “Text” bloklarından en üstte bulunan değer bloğunu seçiyoruz ve bu bloğu “Set..image1..picture” bloğunun sonuna kilitliyoruz,boş kutucuğa “http://cdn-www.xda-developers.com/wp-content/uploads/2011/12/original.jpg” yazıyoruz. Siz internet üzerindeki herhangi bir resmin url adresini de yazabilirsiniz.

Uygulama çalıştırılınca ilgili resim görüntülenir. Bu işlem sırasında internet bağlantınızın aktif olması gerekir.

Label: Bu bileşen adından da anlaşılabileceği gibi herhangi bir bileşeni isimlendirmek için kullanılır. Örneğin “TextBox” bileşenlerinin yanına konulduğunda o bileşene hangi bilgi girileceğini bildirir. “Label1” bileşenin görünün metnini değiştirmek için, bileşenin “Properties” alanındaki “Text” özelliğini değiştirin. Bu özellik “set..label1..text” bloğu ile de değiştirilebilinir.

ListPicker: Bu bileşen bir liste görüntüler demiştik. Liste yi oluşturmak için “Components” alanından “ListPicker1” seçiyoruz ve “Properties” alanında “ElementsFromString” (Liste elemanlarını metin içinden al) bölümüne tırnak içindeki şu metni yazalım “Eleman1, Eleman2, Eleman3, Eleman4” . Bu ifadedeki virgül ile ayrılmış her, kelime bir liste elemanı olacaktır. Programı çalıştırıp “ListPicker1” üzerine dokunursanız size oluşturduğumuz elemanların olduğu bir liste penceresi görüntüler.

Elemanlardan birini seçtiğiniz anda blok bölümünde bileşene ait “When..ListPicker1..AfterPicking” olayı oluşur. aşağıda bu olay sonrası “Notifier1” bileşeninde seçilen elemanı gösteren bloklar vardır.

ListView: Bu bilşen ListPicker bileşenine benzer bu bileşende içine yazılan elemanları listeler ama liste sürekli görünümdedir. Aşağıdaki bloklarda

bir önceki “ListPicker1” bileşeni gibi bu bileşenin de “When..ListView1..AfterPicking” olayı vardır. Elemanlardan birini seçtiğiniz anda blok bölümünde bileşene ait “When..ListView1..AfterPicking” olayı oluşur. aşağıda bu olay sonrası “Notifier1” bileşeninde seçilen elemanı gösteren bloklar vardır.

Spinner: Bu bileşenin de “Properties” alanında “ElementsFromString” (Liste elemanlarını metin içinden al) özelliği vardır.Bu özelliği “Seçim1, Seçim2, Seçim3, Seçim4” olarak değiştiriyoruz. Ek olarak “Properties” alanında başka bir özellik olan “Prompt” (Bu özellik açılan liste ekranının başlığı) özelliğini de “Lütfen bir seçim yapın.” olarak girin.

Bu özellikleri değiştirdikten sonra Blok ekranına geçiyoruz ve “Spinner1” bileşeninin üzerine tıklıyoruz. “ListPicker1” ve “ListView1” bileşeninde yaptığımız gibi bu bileşeninde “When..Spinner1..AfterSelection” olayı var bu bloğun altına aşağıdaki gibi “Notifier1” bileşeninin “showAlert” olayını kilitliyoruz. “Notifier1” bileşeninin “notice” değişkenine de “Spinner1” bileşeninin “Spinner1..Selection” değerini kilitliyoruz.

Program çalıştırınca bir açılan listede seçilebilecek elemanları görüyor olacaksınız. Herhangi bir elemanı seçtiğinizde “Notifier1” bileşeni bir uyarı notu halinde size bu elemanı gösterecek.

TimePicker: Bu bileşenimiz “DatePicker” bileşeninin saat bilgisi (Saat ve dakika) içeren modelidir. “TimePicker1” butonuna tıkladığınızda saat ve dakika bilgisi içeren değiştirilebilir bir ekran çıkacaktır. Seçili olarak o anki cihaz saati esas alınır.

Bileşenimizi nasıl kullanabileceğimizi görmek için, “TimePicker1” bileşenimizi, blok ekranında seçiyoruz ve “When..TimePicker1..AfterTimeSet” olay bloğunu ekliyoruz. Ardından “Notifier1” bileşenimize tıklayıp “Call..Notifier1..ShowAlert” ekliyoruz.“Notifier1” bileşenimizin boş olan kulakçığına “Text” bölümünden “Join” prosedürü ekliyoruz bu prosedür bize “Text” değerlerini arka arkaya birleştirmeye yarar. Resimde görüldüğü üzere “TimePicker1” bileşeninin saat (hour), dakika (minute) değerlerini ekliyoruz. Aralara görünürlüğü kolaylaştırmak için “:” karakteri ekleniyor. Uygulamayı çalıştırdığınızda “TimePicker1” bileşenine tıkladığınızda açılacak olan ekrandan seçtiğiniz saat bilgileri, uyarı mesajı olarak görüntülenecektir.

PasswordTextBox:Bu bileşen “TextBox” bileşeninin tüm özelliklerini içerir. Farklı olarak içine girilen karakterlerin bir karakter ile maskelemesi yapılır.

Programınızı çalıştırıp bu bileşene klavye ile bir karakter girdiğinizde imleç ilerler ama sizin girdiğiniz karakteri ekrana “.” (nokta) olarak basar.

Şifre girişi veya özel bir kod girişi için bu bileşeni kullanmak idealdir.

Bloklar ( BLOCKS ) Alanı - Diğer Bloklar ( Built-in Altında )

noreply@blogger.com (Okay) — Thu, 02 Apr 2015 08:05:00 +0000

"Android Yazılımı Artık Çok Kolay"

Diğer Bloklar (Bulit-in Altında): Kontrol bileşenleri ve çeşitli değişken ile mantıksal, matematiksel operatörler ve prosedürler gibi blokları kapsar. Renkleri kendilerine özgüdür. Aşağıdaki örnek resimde tüm blokların kendi bölümündeki örnekleri sıralanmıştır, renklerin aynı ve karakteristik olduğuna dikkat edelim.

Control: “İf...Then” ve “İf...Then...Else” şartlı kontrol operatörleri, “for...each”, “while...do” döngüleri ile; çalışan uygulamanın (close application) kapatılması veya o anki aktif ekranın (close Screen) kapatılması işlemleri yerine getiren metodları da barındıran bloklardan oluşur. Temel düzeyde programcılık bilgisi gerektirse de, ingilizce veya türkçe kaynaklardan bu döngüler ve operatörler hakkında bilgi alınabilir.
Logic: Mantıksal değişkenler bu bloklardadır. bir önceki maddede, “İf...Then” ve “İf...Then...Else” şartlı kontrol operatörleri ile beraber kullanılan karşılaştırma blokları da bu bölümdedir.
Math: Matematiksel işlemlerde kullanılan değişken ve metodları içeren bloklar bu bölümdedir. Sayısal tüm değişken işlemleri ve mantıksal karşılaştırmalar için bu alandaki blokları kullanırız. 4 işlem olarak bildiğimiz, toplama, çıkarma, bölme, çarpmanın yanında tüm trigonometrik fonksiyonları da içerir.
Text: “Text” (Metin) olarak tabir ettiğimiz tüm alfanumerik değerleri tutan değişken blokları ve bu bloklar üzerinde çeşitli işlemler (Ekleme, bölme, büyük harfe çevirme, küçük harfe çevirme, metin karakter sayısı…) yapmaya yarayan metod blokları vardır.
Lists: Listeler oluşturma, listeye eleman ekleme, listeden eleman çıkarma, listeyi kopyalama, listeyi bir “*.csv” dosyasına verme veya bir “*.csv” dosyasından veri almaya yarayan metodlar vardır. CSV Dosyaları bir tablo içindeki satır ve sütunların özel ayırıcı ile dosyaya yazılmasından oluşur. Bu dosyalarda satırdaki her hücre genelde “, (Virgül)” ile ayrılır satır sonunda “Windows(enter), MacOS (return)” tuşlarına basılarak alt satıra geçilir. Böyle tablo görünümü tamamlanmış olur. En popülerinden en basitine kadar birçok ofis yazılımı tabloları “*.csv” dosyası olarak kaydetmenize izin verir. Birçok verinin alınacağı elle girmenin zor veya riskli olduğunda, bu dosyalar çok pratiktir. Sonuç olarak blokları kullanarak bu dosyalardan verileri çekebilir siniz.
Colors: İçinde hazır renk değişkenlerinin olduğu bloklar ve istediğinizde RGB kodlarını yazarak kendi renginizi tanımlayabileceğiniz metod blokları buradadır. Bu bloklar örneğin “BackgroundColor” gibi renk özelliği atanan bloklara eklenirler.
Variables: Bu bloklar size programın çalışır olduğu süre kullanabileceğiniz ve her ekrandan (Screen) ulaşabileceğiniz değişkenler oluşturmazı sağlar. Yine bu bloklardan istediğinizde “get” bloğu ile değişkene ulaşabilir veya “set” bloğu ile değişkene yeni değer atayabilirsiniz.
Procedures: Bu bloklarda “procedure” bölüme yazacağınız isimle (yukarıdaki resimde toplu_is_yap adında oluşturulmuş örnek vardır) oluşturabileceğiniz fonksiyon tanımlayabilirsiniz. Siz blok bölümündeki “View” alanına “do..procedure..do” eylemini eklediğiniz ve ismini değiştirdiğiniz anda ki bizim yukarıdaki resimde “toplu_is_yap” yazılmıştır, bu listeye ilgili fonksiyonu çalıştırmanız için gerekli metod hemen eklenir. “do..procedure..result” yazan blokta ise geriye değer dönecektir.

Bu bloklar için bir örnek hazırladım. Bu prosedür bloklarını anlamanız için pekiştirici olsun istedim çünkü bu alanı iş yükünü azaltmak için sürekli kullanacaksınız.

Örneğimizde Dizayn ekranından iki “button” ve 1 adet “textbox” bileşenini ekranımıza ekleyin.
“Button1” in text özelliğini “properties” alanında bulun ve oraya “Değer döndür” yazın.
“Button2” nin text özelliğini “properties” alanında bulun ve oraya “Sadece işi yap” yazın.
“TextBox1” bileşeninin “Width” özelliğini “properties” alanında bulun ve buradaki değeri açılan kutucuktan “Fill Parent” (Üst düzenleme ızgarasını doldur) işaretleyin ve “Ok” tıklayın.
Blok bölümüne geçin ve “Button1” ve “Button2” nin “click” olaylarını ekleyin
“Procedures” bloğundan önce içinde “result” yazan prosedürü ekleyin adını resimde göründüğü gibi değiştirin. Aşağıdaki ilk resimde görüldüğü üzere; View alanındaki bloğun köşesinde bulunan mavi kutucuğa tıkladığınızda bir baloncuk açılacak ve baloncuğun içinde “input” giriş isminde bir değişken seçmenize yarayacak blok gelecek “input” ve yanında olan “x” olan kutucuğa tıklayın ve buraya “ilk_sayi” yazarak bu bloğu sürükleyerek baloncuğun içindeki “inputs” bloğuna kilitleyin. İkinci değişken için işlemleri tekrarlayın ve “x” yazan yere bu sefer “ikinci_sayi” yazın. Artık ilk eklediğiniz prosedür bloğu ve prosedürler bölümünde bulunan ve bu prosedürü çağırmamıza yarayan bloğun iki değişkeni olduğunu görürsünüz.
İkinci olarak “Procedures” bloğundan “result” yazmayan prosedürü ekleyin adını resimde göründüğü gibi değiştirin.
Diğer blokları “control” blok alanından ve değişkenlere verdiğimiz “10” sayısını “math” blok alanından alın. “Textbox” bileşeninin text özelliğini ilk örneğimizde öğrenmiştik.

-Uygulamanızı deneyebilirsiniz.

Bloklar ( BLOCKS ) Alanı - Blok Kavramı ve Görünümü

noreply@blogger.com (Okay) — Thu, 02 Apr 2015 07:57:00 +0000

"Android Yazılımı Artık Çok Kolay"

BLOCKS ALANI:

BLOCK KAVRAMI VE GÖRÜNÜMÜ:

“App Inventor 2” de bir önceki bölümde anlatılan dizayn ekranında, “Viewer Alanı” na yerleştirilmiş olan tüm nesnelerle ilgi tüm programatik özellikler bu alanda yani “Blocks” alanında görüntülenen bileşenin üzerine tıkladığımızda sağ tarafta beliren bir liste içinde görüntülenir. Kontrol edebildiğimiz veya programlamaya katabildiğimiz bileşen özellikleri bileşenlere göre değişir ama temelde aşağıdaki başlıklar altındadır.

Olaylar (Events): İlgili bileşen ile ilgili bir durumun meydana gelmesidir. Bu durumlar işletim sistemi aracılığı ile programa iletilir. Bir butona basmak için cihazın dokunmatik ekranına dokunduğunuzda ve çektiğinizde oluşan “OnClick” durumu gibi izlenebilen ve kullanıcı veya programın akışı sırasında meydana gelen olaylardır. Bir Screen ekranının “Close” metodu ile kapatılması. Olaylar içine metodları “Methods” alacak şekilde yapılmıştır. Aşağıdaki resimde şekli görünmektedir. Renklerine dikkat, tüm Olayla ilgili bloklar aynı renktedir.

Metodlar (Methods): Bu özellik ilgili bileşen ile ilgili hazırlanmış metodları içerir. Yani bileşenin herhangi bir işini yapması gibi yukarıda resimde bize hazırlanan iki farklı metod görünüyor. Üstteki TextBox bileşeninin “Text” özelliğine sonuna getirilecek bileşeni atamak için hazır beklemektedir. Bu methos bir olay ile tetiklenirse TextBox bileşeninin “Text” özelliğine istenilen değeri yazacaktır. Alttaki metod örneği ise yine Camera bileşeninin “TakePicture” işlemini yapmasını yani fotograf çekmesi işlemini yaptıracatır. Methodlar genelde Mor renklidir. Fakat AppInventor un bizim için hazırladığı ve bileşenlerin özelliklerine değer atamaya yarayan “set” blokları da bir metod dur. Şekli aynıdır renkleri farklıdır.
Bileşen Özellikleri (Properties): Bir önceki bölümde dizayn ekranının sağında olan ve “Components” alanındaki bileşenlere tıklayınca görüntülen “Properties” alanı içinde olan özelliklerdir bunlar. Bazı bileşen özellikleri sadece bloklarda görüntülenebilir dizayn ekranında görüntülenmez. Butonun üzerindeki etiket yani yazı, arka plan rengi, boyutlar gibi. Bu özellikler koyu yeşil “set” blokları ile değiştirilebilir veya açık yeşil özelik değerleri ile başka bir değişkene aktarılır. örnek resimlerde Buton bileşeninin ilgili blokları görünmektedir.

Dizayn ( Designer) Ekranı - PROPERTIES Alanı

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 15:30:00 +0000

"Android Yazılımı Artık Çok Kolay"

PROPERTIES ALANI

Bu alanda “Components” alanı içindeki üzerine tek tıklayarak seçtiğiniz bileşenin özelliklerini görebilirsiniz. Bu özelliklerin hem buradan hemde blok bölümündeki programımızdan kontrol edilebileceğini söyleyelim.

“set” kelimesi ile başlayan (Koyu yeşil renkte) bloklar bu özelliklere değer aktarır. Açık yeşil renkte bloklar ise bu özeliği bir değişkene aktarır. Blok Alanını anlatacağımız bir sonraki bölümde bu konulara detaylı bir şekilde değineceğiz.

Kimi bileşenlerin bu alanda kontrol edilen bir özelliği olmayabilir.

Dizayn ( Designer) Ekranı - MEDIA Alanı

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 15:27:00 +0000

"Android Yazılımı Artık Çok Kolay"

MEDIA ALANI

Bu alandaki “Upload File” (Dosyayı karşıya yükle) butonu ile ses, resim ve video dosyalarını projenize dahil edebilirsiniz.

Dahil edilen dosyalar burada kalacaktır. Size tavsiyem basit ses ve resim, ikon dosyaları harici yüksek boyutta dosya yüklemeyin. Çünkü derleme aşamasında bu dosyalar derleme paketine aktarılıyor, hem işlemi uzun sürüyor hemde deneme amacıyla çalıştırması. Böyle büyük boyutlu bir dosyaya erişimi yukarıda anlatılan “File” bileşeni yardımıyla veya internet üzerinden erişim ile vermeniz sağlıklı olacaktır.

Kararlı bir program dosyası görece küçük olmalıdır. Daha hızlı hafızaya yüklenip çalışması ve kolay paylaşılması elzemdir.

Dizayn ( Designer) Ekranı - COMPONENTS Alanı

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 15:21:00 +0000

"Android Yazılımı Artık Çok Kolay"

COMPONENTS ALANI

Bu alanda projenize eklediğiniz tüm bileşenleri sırasıyla görebilir ve ilgili bileşeni silebilir, veya adını değiştirebilirsiniz.

Seçili olarak tüm bileşenler projeye eklendiği zaman APPINVENTOR bu bileşenlere otomatik olarak isim verir (Button1, Button2 …). Bu bölümde bileşenlerin isimlerini projenize göre düzenleyin.

Dizayn ( Designer) Ekranı - VIEWER Alanı

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 15:17:00 +0000

"Android Yazılımı Artık Çok Kolay"

VIEWER ALANI

Android Cihaz Ekranı Görsel Bileşenler: Bu bölümde görsel olarak cihazın ekranında algılanan ve çeşitli şekillerde programlama ortamındaki bir işleme müdahele eden bileşenler görünür. Bunlara örnek olarak; TextBox, Button, CheckBox, Image, Label ve ListPicker verilebilir.

Zaten bir bileşen görsel özellikte değilse, siz bileşeni sürekleyip uygulamanıza dahil etmek için ekran üzerine bırakınca, bu cihaz ekranı görünümünün altına kayacaktır.

Görsel Olmayan İşlevsel Bileşenler:Bir önceki maddede görsel özellik taşımayan; Örneğin sensörler gibi bileşenler görsel değildir. Bunların şekli, arka planı, genişliği, boyu vb. özellikleri yoktur. Sadece cihazdan alınan bilgileri uygulamaya aktarma görevini yerine getirirler. Bu bileşenler “Non-Visible Componenets” (Görünmeyen bileşenler) başlığı altında sıralanırlar.

Dizayn ( Designer) Ekranı - LEGO MINDSTORMS

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 14:54:00 +0000

"Android Yazılımı Artık Çok Kolay"

LEGO MINDSTORMS (LEGO MINDSTORMS Bileşenleri): “LEGO MINDSTROMS” Yıllar boyu parçaları ekleyerek çeşitli yapı, araç vb objelerden esinlenerek hayata geçmiş teknoloji ve robot bilimini de içeren. Bir teknolojik yapboz diyebiliriz. Bu bölümdeki bileşenleri kullanmak için bir “LEGO MINDSTROMS” seti edinmeniz gerekli fiyatı kendi web sitesinde 350 Amerikan Doları idi bu kitap yazılırken. Türkiyede de ürün mevcut.

Bu bileşenler neler yapıyor diyorsanız, yukarıda değindiğimiz “BluetoothClient” bileşeni ile “LEGO MINDSTROMS” projenize bağlanıyor ve bağlanılan cihazda bulunan sensörler yardımı ile alınan bilgilere göre işlem yapmamızı aynı zamanda, robota hareket vermemizi sağlıyor.

Bu konu için detaylı bilgiye “http://www.lego.com/en-us/mindstorms/” ulaşabilirsiniz.

Dizayn ( Designer) Ekranı - Connectivity

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 14:43:00 +0000

"Android Yazılımı Artık Çok Kolay"

Connectivity (Bağlantı ve Web Bileşenleri):Bu bileşen grubunda cihazın diğer cihazlar veya uygulamalar ile bağlantı kurmasına yarayan çeşitli bileşenler vardır.

ActivityStarter: Bu bileşeni kullanarak isterseniz yine AppInventor 2 ile hazırlanmış bir uygulamayı başlatabilirsiniz, isterseniz de diğer uygulamaların istenilen sınıfını (Uygulama ekranı) başlatabilirsiniz, mesela kameradan fotoğraf almak için Android kamera uygulaması gibi. Web tarayıcısı, Harita gösterici yazılımı da buna dahildir. Bu başlatılan uygulamalar size “Result” değişkeni içinde bir değer döndürür.
BluetoothClient: Bluetooth özelliği olan cihazlar ile iletişim kurmaya yarayan bir istemci bileşendir. Bağlanılan cihaz ile ister metin (text) isterseniz dosya gönderimi yapmanıza olanak verir.
BluetoothServer: Bluetooth özelliği olan cihazlar ile iletişim kurmaya yarayan bir sunucu bileşendir. Gelen bağlantıları kabul eder ve iletişimi başlatır. “Text” dediğimiz metin karakterleri ve dosya paylaşımı destekler.
Web: Bu internet tarayıcı bileşenidir Dizayn Ekranında “Properties” bölümündeki, “url” internet adresi yazılması durumunda uygulamanız başlar başlamaz bu web sayfasını görüntüler.

Dizayn ( Designer) Ekranı - Storage

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 14:36:00 +0000

"Android Yazılımı Artık Çok Kolay"

Storage (Dosya Sistemi ve Depolama Bileşenleri)

File: Cihazınızın içindeki dosyalara erişim sağlar ve ilgili dosyayı okuyup yazmanıza olanak veren bir bileşendir. Oluşturulan dosyalar yazılımı deneme aşamasında “/sdcard/AppInventor/data” klasörü altında olmak durumundadır. Yazılım derlendiği zaman ilgili yol “/sdcard” altında aranacaktır. Dosya yolunun başına “/” işareti gelmelidir. Örneğin sd kartın kök dizinine koyduğunuz “video.mp4” dosyasına ulaşmak için dosya yolu “/sdcard/video.mp4” şeklindedir.
FusiontablesContol: Google firmasının sunduğu “Fusiontables” veri tablolarında veriyi saklamak, paylaşmak, sorgu ve görselleştirmek veri tabloları izin gibi özelliklerini kullanmayı sağlar. Bu özelliği kullanabilmek için ve detaylı bilgi için “https://developers.google.com/fusiontables/docs/v1/getting_started” adresini ziyaret ediniz.
TinyDB: Cihaz üzerinde etiketler ile basit veri saklamayı sağlayan bileşendir. Veritabanı özelliklerini içermez.
TinyDBWeb: TinyDB bileşeninin internet üzerinde çalışan versiyonudur. JSON (http://json.org/) Bileşenleri kullanarak web üzerinden veri trafiği gerçekleştirilir. Bu hizmetin belli bir karakter ve veri sınırlaması vardır. Bilgi için “http://appinvtinywebdb.appspot.com/”.

Dizayn ( Designer) Ekranı - Social

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 14:31:00 +0000

"Android Yazılımı Artık Çok Kolay"

Social (Sosyal İletişim Bileşenleri):

ContactPicker:Telefonunuzda kayıtlı olan rehbere ulaşmanızı sağlar seçilen kayıt üzerinde işlem yapmanıza yarar. Örneğin E-posta yollama, telefon araması gibi.
EmailPicker: Bu bileşen “TextBox” bileşeni görünümündedir. İçine bir elektronik posta girişi yapılırken, kayıtlı olanların seçimi için bir açılır liste görüntüler.
PhoneCall: “Properties” alanındaki “PhoneNumber” değişkenine girilen telefon numarası bilgisini kullanarak telefon araması yapar.
PhoneNumberPicker: Bu bileşene tıklandığında cihazınızdaki rehberi görüntüler tabi telefon numaraları olarak.
Sharing: Cihazda tanımlı paylaşım yapabileceğiniz programları listesine ulaşmaya yarar, örneğin “google plus”, “facebook”, “twitter”. Bu liste ile içeriğinizi paylaşıma açabilirsiniz
Texting: SMS (Kısa Mesaj) gönderme özelliği olan bir cihazdan SMS göndermenizi sağlar. Bu özellikle gelen SMS mesajını da alabilirsiniz.
Twitter: Twitter hesabınızdan gönderi yapmanıza olanak veren bir bileşendir. Bu işlemi uygulamanız içinden yapabilmek için “http://twitter.com/oauth_clients/new” adresini ziyaret edip yetkilendirme almanız gerekiyor.

Dizayn ( Designer) Ekranı - Drawing ve Animation - Sensors

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 14:27:00 +0000

"Android Yazılımı Artık Çok Kolay"

Drawing and Animation (Çizim ve Animasyon Bileşenleri): Bu bileşnler ile çeşitli oyun animasyonları benzeri dokunmatik ile kontrol edilen animasyon ve çizim yapılır. İlk önce ekranımıza “Canvas” (Tuval) bileşeni eklememiz diğer bileşenleri de bunun içinde konumlandırılmamız gerekmektedir.

Canvas: Yukarıda açıklandığı üzere bu bileşen resim tuvali mantığı ile boş bir hareket sahnesi yaratır.
Ball: “Canvas” bileşeni içine eklenen bu bileşenin blok bölümünde de göreceğimiz üzere, hız, dokunma, görünürlük ve pozisyon ayarlarını yönetebilirsiniz.
İmageSprite: Bu bileşen ile hazırladığınız bir resim dosyasını animasyonunuza ekleyebilirsiniz. Bu bileşen içinde hız, dokunma, görünürlük ve pozisyon ayarlarını yönetebilirsiniz.

Sensors (Sensör Bileşenleri): Bu bölümdeki bileşenler ekranda görünmezler, cihazın donanımından aldığı bilgiyi uygulamaya iletmeye yararlar. Bu bölümdeki sensörlerin denemeleri sanal olmayan cihazda yapılmalı ve cihazın ilgili sensöre sahip olup olmadığı tespit edilmelidir.

AccelerometerSensor: Bu bileşen cihazın 3 boyutlu hareketini (X ekseninde, Y ekseninde, ve Z ekseninde) ve hareket hızını hesaplar ve uygulamanıza bildirir. Örneğin blok bölümünde olduğu gibi “Shaking” (Çalkalama) hareketi y (cihazın kabaca her ekseni içine alacak şekilde hızlıca hareketi) sonucu yapılacak bir işlemi blok bölümündeki “When.sensörismi.Shaking” hazır bloğu altına yazılabilirsiniz.
BarcodeScanner: Bu bileşen cihazda yüklü bir barkod tarayıcı yazılımını kullanarak dönen barkod verisine göre işlem yapmaktadır. Bu bileşeni kullanmadan önce ücretsiz bir barkod tarama yazılımını yoksa eğer kurmanız gerekiyor. Tarama sonrası barkodun değeri size döner.
Clock: Bu bileşen zaman sayıcı bir kronometre şeklinde kullanılır. Belli zaman içinde yapılacak işler veya tekrarlanacak işler bu bileşenin blok bölümünde bulunan hazır bloklar içinden yönetilir. Ne kadar zaman yani zaman döngüsü değeri “Properties” bölümünde bulunan “TimerInterval” bölümüne yazacağımız değer ile belirlenir. Bu değer milisaniye cinsindendir. Yani 1 (Bir) saniye için 1000 (Bin) değeri yazılır.
LocationSensor: Bu bileşen ile o anda bulunulan coğrafi konum tespit edilir ve uygulamaya bu konum iletilir. Bu bilgiler; Latitude (Enlem bilgisi), Longitude (Boylam bilgisi), Altitude (Rakım-Yükseklik bilgisi) olarak sayı formatında alınır.
NearField(NFC): Bu bileşen ile NFC özelliği taşıyan etiket bezeri pasif veya aktif cihazlarla iletişim kurabilirsiniz. Bu cihazlardaki bilgiyi okumaya veya yazmaya yarayan bir bileşendir.
OriantationSensor: Cihazın yatay veya dikey durumunu hesaplayan bir sensördür. Mesela dikey veya yatay konumda olması gibi. Bunu yaptığınız uygulamanın görselliğinin uyumu için kullanabilirsiniz. Örneğin “VideoPlayer” bileşeni cihaz yatay konuma geldiğinde tam ekran olabilir. Üç başlık altında açı verisi alınır. Bunlar; Roll, Azimuth, Pitch. Blok bölümünde diğer tüm bileşenlerde yapabileceğiniz gibi denemeler yaparak, örneğin bahsedilen değerleri bir “TextBox” içine yazdırarak hangi harekette hangi değerlerin nasıl değiştiğini test ediniz.
ProximitySensor: Nesnelerin yakınlığını ölçen bir sensör var ise o nesnenin uzaklığına göre uzaklık değerini uygulamanıza bildirir.

Dizayn ( Designer) Ekranı - Layout ve Media

noreply@blogger.com (Okay) — Wed, 01 Apr 2015 14:19:00 +0000

"Android Yazılımı Artık Çok Kolay"

Layout (Ekran Konumlandırma) Bileşenleri

HorizontalArrangement: Bu bileşen içine yerleştirdiğiniz tüm bileşenlerin yanyana (Yatay) konumlanmasını sağlar.
VerticalArrangement:Bu bileşen içine yerleştirdiğiniz tüm bileşenlerin üstüste (Dikey) konumlanmasını sağlar.
TableArrangement:Bu bileşen bize sayısı “Properties” (Özellikler) bölümündeki “Columns” (Sütunlar) ve “Rows” (Satırlar) alanına yazdığımız kadar sütun ve satır içeren bir tablo konumlandırma alanı oluşturur. Bileşenlerin istediğimiz hücrenin içine konumlanmasını sağlar.

Media (Medya Bileşenleri)

Camcorder: Uygulama içinde video camera ile video çekimi yapmanıza olanak verir. Sizin uygulamanızdan cihazın camerasına bağlanarak çekimi yapar ve blok bölümündeki “AfterRecording” olayı içine yazılan işlem sonunda “clip” özelliğinde bulunan “getclip” değişkeni bize kaydedilen video klibin dosya yolunu döndürür.
Camera: Bir önceki “Camcorder” bileşeninde olduğu şekilde bize kameradan fotograf çekme imkanı verir.
İmagePicker: Fotograf seçimi yapılabilecek bir ekran görüntülenir.
Sound: Uygulama içinde ses çalmayı sağlar. Bu bileşen açılış efekti veya değişik sesli uyarılar gibi anlık ses dosyaları içindir.
Player: Uygulama içinde kontrol butonları ile ses çalmayı sağlar, örneğin .mp3 dosyaları gibi.
SoundRecorder: Bize ses kaydetme ve oluşan ses dosyasını kullanma imkanı sağlayan bileşendir.
SpeechRecognizer: Konuşmayı yazıya çeviren bir bileşendir. Sesler şimdilik ingilizce dilini tam olarak tanımaktadır.
TextToSpeech: Bu bileşen de bir öncekinin tersine yazılan yazıyı sese çevirmektedir.
VideoPlayer: Cihazda kayıtlı bir video dosyasını çalmaya yarar. İlgili video dosyasının tam yolu “Properties” (Özellikler) bölümündeki “Source” (Kaynak dosya yolu) bölümüne girilmeli veya program çalışması esnasında blok bölümündeki “Set.VideoPlayerBileşeni.source” özelliğine değer olarak aktarılmalıdır.