Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

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

Benzer bir sunumlar


... konulu sunumlar: "BIL4106 - MOBiL PROGRAMLAMA TEKNiKLERi Yard. Doç. Dr. Oğuzhan Topsakal"— Sunum transkripti:

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

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

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

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

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

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

7 Hava Durumu App - 5 Uyarılar (Notifications) Uyarılar (Notifications) Belirli bir saatte verilen uyarılar 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: Kurulumun detayları (ingilizce olarak) eposta gönderildi, aşağıdaki adresten öğrenilebilir: https://docs.google.com/document/d/1X- l__65Otgc6vHgzkOf6LLzJlXyl7QiboLHBmn7ziq8/pub https://docs.google.com/document/d/1X- l__65Otgc6vHgzkOf6LLzJlXyl7QiboLHBmn7ziq8/pub https://docs.google.com/document/d/1X- l__65Otgc6vHgzkOf6LLzJlXyl7QiboLHBmn7ziq8/pub https://docs.google.com/document/d/1X- 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 min SDK versiyonu Neden minimum SDKyi en düşük versiyona koymayız? Neden minimum SDKyi en düşük versiyona koymayız? min SDK den sonra çıkan önemli özelliklere erişemeyiz min SDK den sonra çıkan önemli özelliklere erişemeyiz target SDK versiyonu target SDK versiyonu En son hangi versiyonda test edildiğini ve sorunsuz çalıştığını gösterir 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 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 target SDKyi en son android versiyonuna ayarlamalıyız 11

12 Android Studio ile İlk Projemiz - 1 Hep beraber ilk projemizi oluşturalım. Hep beraber ilk projemizi oluşturalım. Android Studioyu çalıştırın ve Start a new Android Studio Projecti seçin. 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 Tekil (Unique) isim verin 13

14 Android Studio ile İlk Projemiz - 3 Seçebileceğiniz en düşük min SDK (API) versiyonunu seçin. 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. ‘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. ‘Blank Acitivity with Fragment’ ı seçin. Varsayılan değerleri kabul edin. 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. Android Studio her açılışta size ipuçlerı verir, bunları okuyun. 17

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

19 Android Studio ile İlk Projemiz - 7 App min ve target versiyonlarını kontrol edebilirsiniz 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: 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 ‘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 File - Import Sample Örnek projeleri incelemek en faydalı öğrenme şekillerinden birisi olabilir Ö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. 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) Gradle (gradle.com) tarafından derlenir ve APK içine paketlenir. (Android Studio dan Gradle konsola bakın)gradle.com JarSigner tarafından imzalanır JarSigner tarafından imzalanır ADB (Android Debug Bridge) (http://developer.android.com/tools/help/adb.html) tarafından cihaza veya emulatora yüklenir ADB (Android Debug Bridge) (http://developer.android.com/tools/help/adb.html) tarafından cihaza veya emulatora yüklenirhttp://developer.android.com/tools/help/adb.html 24

25 App Cihaza Nasıl Yüklenir Geliştirici (Developer) mod aktif hale getirmek için: 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 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. 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: 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: Cihazınızın "debuggable" olduğunu manifest yada build.gradle dosyalarından kontrol edin: androidmanifest.xml androidmanifest.xml elementi içine ekleyin=> android:debuggable=“true” elementi içine ekleyin=> android:debuggable=“true” build.gradle build.gradle android { buildTypes { buildTypes { debug { debug { debuggable true debuggable true } ‘adb devices’ komutu ile bağlı cihazları listeleyebilirsiniz. ‘adb’ dosyası ‘platform-tools/‘ klasörü içindedir. ‘adb devices’ komutu ile bağlı cihazları listeleyebilirsiniz. ‘adb’ dosyası ‘platform-tools/‘ klasörü içindedir. Diğer ayrıntılar için: Diğer ayrıntılar için: 25

26 App yi Konsoldan Çalıştırmak Opsiyoneldir, ‘run’ butonuna basmakla ayni etkiyi yapar. Opsiyoneldir, ‘run’ butonuna basmakla ayni etkiyi yapar. chmod +x gradlew chmod +x gradlew Sadece 1 kere calistirilan unix komutudur ve graddlew’a calisma yetkisi verir. Sadece 1 kere calistirilan unix komutudur ve graddlew’a calisma yetkisi verir../gradlew assembleDebug./gradlew assembleDebug Bu komut kodunuzu derler. Bu komut kodunuzu derler. adb install -r app/build/outputs/apk/app-debug-unaligned.apk 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. 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 adb shell am start -n com.example.android.sunshine.app/com.example.android.sunshine.app.MainActivity Bu komut appyi calistirir. Bu komut appyi calistirir. 26

27 Android Studio Klasör Yapısı Proje klasörlerini Android modunda yada Project modunda listeleyebilirsiniz. Proje klasörlerini Android modunda yada Project modunda listeleyebilirsiniz. libs/ - özel kütüphaneleri içerir 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/ - 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/java - java kodunuz bulunur app/src/main/res - destek dosyalar bulunur. içinde aşağıdaki klasörler bulunur: app/src/main/res - destek dosyalar bulunur. içinde aşağıdaki klasörler bulunur: layout - ekranları tanımlayan XML dosyaları layout - ekranları tanımlayan XML dosyaları menu - menüleri tanımlayan XML dosyaları menu - menüleri tanımlayan XML dosyaları drawable - appde kullanılan resimler, ikonlar drawable - appde kullanılan resimler, ikonlar values - sabit değerleri tutan dosyalar values - sabit değerleri tutan dosyalar xml - ayarları tutan xml dosyaları xml - ayarları tutan xml dosyaları app/src/main/AndroidManifest.xml - en önemli dosyalardan birisidir. ana ayarları içerir. 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. 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. Appnizde olacak olan ekranların diyagramını çizin. 10 ekrandan fazla ekranınız olmasın, yetiştiremeyebilirsiniz. 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. Butun ekranlarınızı tasarlayın ve hangi ekrandan hangi ekrana geçiliyor belirtin. Her ekranda hangi widgetları kullacağınızı belirtin Her ekranda hangi widgetları kullacağınızı belirtin Aşağıdaki fonksiyonaliteleri hangi ekranlarda, nasıl sağladığınızı belirtin Aşağıdaki fonksiyonaliteleri hangi ekranlarda, nasıl sağladığınızı belirtin Kullanıcıdan veri almak Kullanıcıdan veri almak Veriyi veritabanına yazmak Veriyi veritabanına yazmak Veritabanından bilgi getirmek Veritabanından bilgi getirmek Lokasyon bilgisine erişim Lokasyon bilgisine erişim Webservislerine erişim Webservislerine erişim 30

31 Wireframe Sitelerine Örnekler https://proto.io/ https://proto.io/ https://proto.io/

32 Kaynaklar Screen Planning & Wireframe Udacity - Developing Android Apps (Google tarafından) https://www.udacity.com/course/viewer#!/c-ud853/l /m https://www.udacity.com/course/viewer#!/c-ud853/l /m https://www.udacity.com/course/viewer#!/c-ud853/l /m https://www.udacity.com/course/viewer#!/c-ud853/l /m


"BIL4106 - MOBiL PROGRAMLAMA TEKNiKLERi Yard. Doç. Dr. Oğuzhan Topsakal" indir ppt

Benzer bir sunumlar


Google Reklamları