BIL MOBiL PROGRAMLAMA TEKNiKLERi

... konulu sunumlar: "BIL MOBiL PROGRAMLAMA TEKNiKLERi"— Sunum transkripti:

1 BIL4106 - MOBiL PROGRAMLAMA TEKNiKLERi
Yard. Doç. Dr. Oğuzhan Topsakal

2 Bu Derste Android’e giriş Android Studioya giriş 2

3 Hava Durumu App - 1 Adım adım hava durumu app geliştireceğiz. Neden?
Herkes için bilinen bir olgu. Nasıl bir app olabileceği konusunda herkesin bir fikri var Android app geliştirirken karşımıza çıkan birçok unsura dokunabileceğiz. Birçok önemli api kullanılabilecek 3

4 Hava Durumu App - 2 ilk ekran Günün durumu Sonraki günler
ikonlar ve renkler 4

5 Hava Durumu App - 3 Detay ekranı Tıklanan günün detayları
Nem, basınç ve rüzgar 5

6 Hava Durumu App - 4 Ayarlar Yer ve diğer seçenekler 6

7 Hava Durumu App - 5 Uyarılar (Notifications)
Belirli bir saatte verilen uyarılar 7

8 Android Studio Nasıl Kurulur
Kurulumun detayları (ingilizce olarak) eposta gönderildi, aşağıdaki adresten öğrenilebilir: l__65Otgc6vHgzkOf6LLzJlXyl7QiboLHBmn7ziq8/pub 8

9 Android Versiyonları Kod Adları
9

10 Android Versiyonları Dağılımı 2014 sonu itibariyle
10

11 Android App Ayarları min SDK versiyonu
Neden minimum SDKyi en düşük versiyona koymayız? min SDK den sonra çıkan önemli özelliklere erişemeyiz target SDK versiyonu En son hangi versiyonda test edildiğini ve sorunsuz çalıştığını gösterir SDK de önemli değişiklikler olursa target SDK versiyonundaki davranışa göre SDK size çalıştırır. target da sonraki değişiklikleri appnizin çalışmasına yansıtmaz target SDKyi en son android versiyonuna ayarlamalıyız 11

12 Android Studio ile İlk Projemiz - 1
Hep beraber ilk projemizi oluşturalım. Android Studioyu çalıştırın ve Start a new Android Studio Projecti seçin. 12

13 Android Studio ile İlk Projemiz - 2
Tekil (Unique) isim verin 13

14 Android Studio ile İlk Projemiz - 3
Seçebileceğiniz en düşük min SDK (API) versiyonunu seçin. 14

15 Android Studio ile İlk Projemiz - 4
‘Help me choose’ seçildiğindeki oranları gözden geçirin. 15

16 Android Studio ile İlk Projemiz - 5
‘Blank Acitivity with Fragment’ ı seçin. Varsayılan değerleri kabul edin. 16

17 Android Studio ile ilgili ipuçları
Android Studio her açılışta size ipuçlerı verir, bunları okuyun. 17

18 Android Studio ile İlk Projemiz - 6
İlk ekranınız 18

19 Android Studio ile İlk Projemiz - 7
App min ve target versiyonlarını kontrol edebilirsiniz app nin üstüne sağ tıklayarak app icon u değiştirebilirsiniz. Aşağıdaki adresten ücretsiz (free) icon bulabilirsiniz: 19

20 Android Studio ile İlk Projemiz - 8
‘Run - Run App’ ı seçin ve bağlı cihaz yada emulatorü seçin 20

21 Emulatörü Ayarlamak 21

22 Örnek App Kodları File - Import Sample
Örnek projeleri incelemek en faydalı öğrenme şekillerinden birisi olabilir 22

23 App Nasıl Oluşturulur Run tuşuna basıldığında arka planda olan birçok işlem vardır. 23

24 App Nasıl Oluşturulur Gradle (gradle.com) tarafından derlenir ve APK içine paketlenir. (Android Studio dan Gradle konsola bakın) JarSigner tarafından imzalanır ADB (Android Debug Bridge) ( tarafından cihaza veya emulatora yüklenir 24

25 App Cihaza Nasıl Yüklenir
Geliştirici (Developer) mod aktif hale getirmek için: Cihazın ‘Ayarlar’ (Settings) menüsüne gidin, ‘Hakkında’ (About Phone) kısmına tıklayın, ‘Derleme Numarası’ (Build Number) na 7 kez tıklayın Tekrar ‘Ayarlar’ (Settings) menüsüne gittiğinizde Geliştirici (Developer) seçeneklerini göreceksiniz. Windowsda cihazınızı tanıması için EOM sürücü yüklemelisiniz: Cihazınızın "debuggable" olduğunu manifest yada build.gradle dosyalarından kontrol edin: androidmanifest.xml <application> elementi içine ekleyin=> android:debuggable=“true” build.gradle android { buildTypes { debug { debuggable true } ‘adb devices’ komutu ile bağlı cihazları listeleyebilirsiniz. ‘adb’ dosyası ‘platform-tools/‘ klasörü içindedir. Diğer ayrıntılar için: 25

26 App yi Konsoldan Çalıştırmak
Opsiyoneldir, ‘run’ butonuna basmakla ayni etkiyi yapar. chmod +x gradlew Sadece 1 kere calistirilan unix komutudur ve graddlew’a calisma yetkisi verir. ./gradlew assembleDebug Bu komut kodunuzu derler. adb install -r app/build/outputs/apk/app-debug-unaligned.apk Bu komut apk yi cihaziniza yukler. Eger birden fazla cihaz bagli ise ‘-s’ ile cihaz seri numarasini belirtmeniz gerekir. adb shell am start -n com.example.android.sunshine.app/com.example.android.sunshine.app.MainActivity Bu komut appyi calistirir. 26

27 Android Studio Klasör Yapısı
Proje klasörlerini Android modunda yada Project modunda listeleyebilirsiniz. libs/ - özel kütüphaneleri içerir app/src/ - Bütün kaynak kodlarınızın olduğu kalsördür. Kodlar, resimler, XML dosyaları ve diğer projenize özel dosyalar bulunur. main ve androidTest klasörleri bulunur. main klasöründe kodunuz ve androidTest dosyasında testing kodunuz bulunur. app/src/main/java - java kodunuz bulunur app/src/main/res - destek dosyalar bulunur. içinde aşağıdaki klasörler bulunur: layout - ekranları tanımlayan XML dosyaları menu - menüleri tanımlayan XML dosyaları drawable - appde kullanılan resimler, ikonlar values - sabit değerleri tutan dosyalar xml - ayarları tutan xml dosyaları app/src/main/AndroidManifest.xml - en önemli dosyalardan birisidir. ana ayarları içerir. 27

28 Android Studioda Ekran Tanımlamak
fragment_main.xml dosyasını değiştirerek çalıştırın ve nelerin değiştiğini görün. 28

29 Ödev - App Ekranlarınızın Tasarımı - 1
Appnizde olacak olan ekranların diyagramını çizin. 10 ekrandan fazla ekranınız olmasın, yetiştiremeyebilirsiniz. 29

30 Ödev - App Ekranlarınızın Tasarımı - 2
Butun ekranlarınızı tasarlayın ve hangi ekrandan hangi ekrana geçiliyor belirtin. Her ekranda hangi widgetları kullacağınızı belirtin Aşağıdaki fonksiyonaliteleri hangi ekranlarda, nasıl sağladığınızı belirtin Kullanıcıdan veri almak Veriyi veritabanına yazmak Veritabanından bilgi getirmek Lokasyon bilgisine erişim Webservislerine erişim 30

31 Wireframe Sitelerine Örnekler
31

32 Kaynaklar Screen Planning & Wireframe
Udacity - Developing Android Apps (Google tarafından) 32