DORYA ROBOTİK. İçindekiler. Kitap Sayfa Sayısı: 80 Kitap Fiyatı: 24,00 TL

Transkript

1

2 Kitap Sayfa Sayısı: 80 Kitap Fiyatı: 24,00 TL Kod bloklarıyla hiç zorlanmadan mobil uygulama geliştirmeye olanak veren App Inventor platformunun anlatıldığı bu kitapta bilgisayar dersini zenginleştirecek çeşitli mobil uygulamalara yer verilmiştir. İçindekiler Kitap Hakkında 1.App Inventor da Neler Var? 1.1.Tam Sana Göre Bir Uygulama 1.2.Nereden Başlayacağız? 2.App Inventor Bileşenlerini Öğrenelim 3.Test Edelim Ve Yayınlayalım 3.2.Uygulamamızı Mobil Cihazımıza Kuruyoruz. 3.3.Uygulamamızı Google Play e Yüklüyoruz. 4.Örnek Uygulamalar 4.1.Karekod ve Barkod Tarayıcı 4.2.Gezi Rehberi Uygulaması 4.3.Minion u Seçme Oyunu 4.4.Resim Defteri Uygulaması 4.5.Geri Dönüşüm Oyunu 4.6.Ajandam Uygulaması

3 Örnek Uygulama Geri Dönüşüm Oyunu Bu uygulamada kâğıt, plastik ve camdan oluşan üç geri dönüşüm kutusu içerisine gazete kâğıdı, plastik bidon, plastik bardak, cam şişe, kâğıt karton ve cam bardak atık maddeleri yer alacak. Kullanıcı seçtiği atık maddeyi sürükleyerek doğru geri dönüşüm kutusuna koyması istenilecektir. Kullanıcı doğru kutuya koyduğunda alkış sesi, yanlış koyduğunda ise uyarı sesi ile karşılaşacaktır. Uygulama doğru tamamlandığında ise ikinci ekrana geçecek ve kullanıcıya başarıyla bitirdiği mesajı gösterilecektir.

4 Örnek Uygulama Geri Dönüşüm Oyunu Bu uygulamada kâğıt, plastik ve camdan oluşan üç geri dönüşüm kutusu içerisine gazete kâğıdı, plastik bidon, plastik bardak, cam şişe, kâğıt karton ve cam bardak atık maddeleri yer alacak. Kullanıcı seçtiği atık maddeyi sürükleyerek doğru geri dönüşüm kutusuna koyması istenilecektir. Kullanıcı doğru kutuya koyduğunda alkış sesi, yanlış koyduğunda ise uyarı sesi ile karşılaşacaktır. Uygulama doğru tamamlandığında ise ikinci ekrana geçecek ve kullanıcıya başarıyla bitirdiği mesajı gösterilecektir.

5 Tasarlıyoruz Uygulamamız iki ekrandan oluşacak. İlk ekranımızda ikişer tane plastik, kâğıt ve cam atık maddeleri olacak ve bunları toplayacağımız üç ayrı geri dönüşüm kutusu yer alacaktır. Arka planımızda ise çim görseli olacaktır. İkinci ekranımızda ise kullanıcı uygulamayı başarıyla tamamladığında karşılaşacağı tebrik ekranı olacaktır. İlk ekranımızda tüm nesneleri canvas içerisinde toplayacağız. Canvas bileşinini Properties alanından tüm ekranı kaplayacak şekilde ayarlayacağız. BackgroundColor kısmından ise arkaplan rengini none değerine getireceğiz. Bu sayede ekranımızın arkaplanına eklediğimiz çim görseli görünür kalacaktır. Canvas içerisine ekleyeceğimiz her görsel için ImageSprite bileşeni ekleyeceğiz. Kullanacağımız ses görselleri için sound bileşenini kullanacağız. Arkaplanda sürekli olarak çalmasını isteğimiz müzik için ise Player bileşeninden yardım alacağız.

6 Kodlayalım İlk olarak birinci ekranımızı kodlamaya başlayacağız. Kullanıcı uygulamayı açtığı anda arkaplan sesimiz aktif olacaktır. Blocks panelinden Scren1 bileşenine tıkladığımızda açılan pencereden ekran1 başlatıldığında arkaplanses çalmaya başlasın anlamına gelen arkaplanses dosyasını başlatan kod bloğunu seçiyoruz. Blok içerisine bloğu yerleştiriyoruz. Şimdi ise ekrandaki kullandığımız atık görseller için taşınabilmelerini sağlayacağımız kod bloğunu oluşturacağız. Bunun için de hareket kazandırmak istediğimiz atık maddeyi blocks panelinden seçiyoruz ve açılan pencereden dragged bloğunu alıyoruz.

7 İçerisine hareket işlemini yaptıracağımız kod bloğunu da alıyoruz ve parmağımızın o anda seçilen alana göre X, Y koordinat düzleminde hareketlenmesini tanımlıyoruz. Hareket tanımlayacağımız bileşenimizi seçtikten sonra x ve y koordinatlarını birleştiriyoruz.

8 Aynı kodlama işlemini diğer atık maddelerimiz için de yapacağız. Ancak her birisi için ayrı ayrı kodları birleştirmek yerine kod bloğuna sağ tıklayıp duplicate diyerek kod bloğumuzu kopyalıyoruz ve atık materyalimize göre seçimler yapıyoruz.

9 Artık atık maddelerimizi istediğimiz gibi seçerek taşıyabiliyoruz. Şimdi sıra sonuca nasıl ulaşacağımızda, ekranda 6 atık maddemiz bulunuyor. Sonucu hesaplamak içinde bir değişken tanımlayacağız ve 0 dan 6 ya kadar her eklediğimiz atık madde için artacak şekilde kodlayacağız. 6 olduğunda da sonuca ulaşmış kabul edeceğiz. Bu değişkeni tanımlamak için blocks panelinden variables bileşenini seçeceğiz. Açılan pencereden initalize global değişkeni seçeceğiz ve isimlendireceğiz. Bileşenin onuna matematiksel ifade bileşeni ekleyerek 0 dan başlatacağız. ROBOTİK Şimdi sırada seçtiğimiz atık maddeyi doğru geri dönüşüm kutusuna taşıdığımızda atık madde olumlu bir ses versin, görüntü kaybolsun ve oluşturduğumuz sonuç sayacımız 1 sayı artsın. Eğer yanlış bir maddeyi taşımış isek hata sesi versin. Bu aşamada when do bloğundan yardım alacağız ve içerisine if else yapısı ekleyeceğiz. Bunun için atık madde ile temesa geçildiğinde işlem yap anlamına gelen bloğu, blocks panelinden işlem yapmak istediğimiz atık maddeyi seçtiğimizde açılan pencereden kod alanına sürüklüyoruz. İçerisine ekleyeceğimiz if else bloklarını ise control blokları içerisinden bloğunu seçerek when do bloğumuz içerisine ekliyoruz. Blok devamına else yapısını eklemek için ise if then kod bloğunun üzerindeki butona tıkladığımızda açılan pencereden ekliyoruz. İlk işlemimizi kagit_gazete için yapalım. Kullanıcı kagit_gazete görselini kagit_donusum kutusu görseline sürüklemesi doğru olarak yapması beklenilendir. Bu işlemden sonra tebrikler sesi çalacaktır. Sürükleme işlemi yanlış bir geri dönüşüm kutusuna yapılmış ise de hata_sesi girecektir.dorya devreye

10 Sonrasında oluşturduğumuz bloğu when do bloğunun içerisine yerleştiriyoruz. Eğer kagit_gazete isimli atık maddemiz son seçtiğimiz ve doğru yerleştirdiğimiz görsel ise ekrandaki geri dönüşüm kutularının görüntüleri ve arkaplan görüntüsü kaybolmalı, bitirme_sesi aktif olmalı ve ikinci ekrana geçmelidir. Bunun için if then else bloğumuzun altına yeni bir if then bloğu ekleyeceğiz. Koşulumuz sonuç değişkenimizin toplamının 6 ya eşit olduğunda işlem yapacaktır. Bu işlemde de cam_donusum, plastik_donusum, kagit_donusum ve Canvas1 neslerimizin görünürlülük değerleri pasif edilecektir, bitirme_sesi başlayacaktır ve Screen2 açılacaktır.

11 Oluşturduğumuz bu bloğu da when do bloğunun içerisine yerleştiriyoruz. Böylelikle kagit_gazete bileşeni için kod bloğumuzu tamamlamış oluyoruz. Son aşamada bu işlemi tüm atık maddelerimiz için tekrarlayacağız. Bunun için yapmamız gereken bloğa sağ tıklayarak duplicate seçeneği ile çoğaltıyoruz. Kopyalanan blok üzerinde ise atık maddemizin ismini ve atık maddemizin atılacağı geri dönüşüm kutusunun ismini güncelleyeceğiz. İlk ekranımızın kodlarını bu şekilde tamamlamış oluyoruz.

12 Sırada ikinci ekranımız var. kodlama alanına geçiş için üst butonuna tıkladığımızda açılan screen2 yi seçmemiz yeterli İkinci ekran için menüden screen1 pencereden olacaktır. İkinci ekrana birinci ekrandan geçiş yapılır yapılmaz tebrikler ve arkaplan_ses dosyamız çalmaya başlayacak. Uygulamayı kapat butonuna tıklatıldığında ise uygulama kapatılacaktır. Blocks panelinden Scren2 yi seçiyoruz ve açılan penceren 2. Ekran açılınca işlemleri başlat anlamına gelen bloğu taşıyoruz. İçerisine ise tebrikler ses dosyamız için play ve arkaplan_ses dosyamız için ise start komutlarını çağırıyoruz. Uygulamayı kapatmak için ise; blocks kısmından kapat butonuna bastığımızda açılan pencereden bloğunu ekliyoruz. İçerisine control kısmından bloğunu ekleyerek uygulamızı tamamlıyoruz.