Mobil Dünya
Transkript
Mobil Dünya
ix Mobil Dünya 1 Mobil Cihazlar Kategorileri 2 Tabletler NetBooklar 3 Mobil Cihazları Tanıyalım 3 Mobil İşletim Sistemleri 8 iOS Android BlackBerry OS Symbian OS Windows Phone Bada Hp WebOS Meego Firefox Mobile OS Mobil Browser’lar Opera Safari Internet Explorer Mobile Bolt TeaShark Firefox Mobile Maxthon Android Web Browser Dolphin Browser 3 8 9 10 10 11 11 12 12 13 13 13 14 14 14 15 15 15 15 17 Menüler Springboard Sekme Menü (Tabs) 18 18 18 x Liste Menü (List Menu) Galeri (Gallery) Genel Görünüm (Dashboard) Formlar Üye Kayıt (Register) Ödeme Sayfası (Checkout) Üye Girişi (Login) Hesaplama Formu (Calculate) Arama Formu (Search) Tablolar Başlıksız Tablo (Headerless Table) Sabit Sütunlu Tablo (Fixed Column) Gruplanmış Satır Tablo (Grouped Rows) Arama, Sıralama ve Filtreleme Temel Tablo (Basic Table) Açık Arama (Explicit Search) Dinamik Arama (Dynamic Search) Ekranda Görünen Sıralama (OnScreen Sort) Otomatik Tamamlamalı Arama (Auto-Complete) Sıralama Seçici (Sort Order Selector) Yardım Nasıl (How To) Tur (Tour) 18 19 19 19 20 20 20 21 21 21 22 22 22 22 22 23 23 23 23 24 24 24 24 27 Grafikleri Hazırlayalım Retina Ekranlar İçin Grafik Hazırlamak 28 30 CSS ve HTML Kodlamaları 34 Mobil Sitemizi Yayınlayalım 61 xi Mobil Web Sitesi Örneği - 2 Grafikleri Hazırlayalım Web İçin Font Eklemek CSS Dosyamızı Oluşturalım 62 62 64 65 95 JQuery 96 JQuery Mobile 96 JQuery Mobile Hızlı Başlangıç 96 JQuery Mobile Bileşenleri 99 Toolbarlar (Header, Footer) Menü Yapısı Butonlar JQuery Mobile Form Elemanları JQuery Mobile Temaları JQuery Mobile için Özel Tema Oluşturma Grid’ler ile Sayfa Yerleşimi İki Kolonlu Grid Üç Kolonlu Grid 99 100 101 103 108 109 121 121 122 Açılır–Kapanır İçerikler (Collapsible) 122 JQuery Mobile Sayfa Geçişleri 123 JQuery Mobile Tüm “data-…” Referansı 124 Button Checkbox Collipsible (Açılır-Kapanır İçerikler) Controlgroup Fixed Toolbar Flip Toggle Switch (On – Off Switch) 124 124 125 125 126 126 xii Footer Header Link Listview Listview Item Navbar Radio Button Select Slider Text Input ve Textarea Content Data-Icon Seti 126 126 127 127 128 128 129 129 129 130 130 130 JQuery Mobile ile Örnek Tasarımlar 131 Ana Sayfa Listeleme Sayfası İçerik Detay Sayfası Örnek Login Sayfası 131 132 133 135 139 Ortama Göre Yönlendirme 140 Sıkça Kullanılan Media Seçenekleri 140 Ortam Sorguları Kullanmak 142 Screen ve Renkli Sorgusu Ortamın Genişliğine veya Yüksekliğine Göre Sorgulama Medya Genişliği veya Yüksekliğine Göre Sorgulama Dikey ve Yatay Duruma Göre Sorgulama Cihazın En/Boy Oranına Göre Sorgulama Çözünürlüğe (Piksel Yoğunluğu) Göre Sorgulama Tarama Özelliğine Göre Sorgulama Cihaz Pozisyonuna Göre CSS Örneği 142 143 144 144 144 145 145 145 149 xiii Bulunabilirlik 150 Mobile Sitemap 150 Mobil Site Kontrolü 151 Mobil için Kısa Linkler 151 QR Kodlar 151 Mobitest (Blaze) ile Hız Testi 152 157 Konum Tespiti JQuery Mobile ile Kullanım Örneği 158 158 Google Maps’de Konum Gösterimi 160 Google Maps ile Dinamik Yol Tarifi 163 Bing Maps’de Konum Gösterimi 167 Nokia Maps’de Konum Gösterimi 169 Yandex Maps’de Konum Gösterimi 172 PhoneGap 177 Eclipse 4.2 Juno Kurulumu 178 Android SDK Kurulumu 183 Android SDK Güncelleme 185 ADT (Android Development Tools) Kurulumu 187 ADT (Android Development Tools) Güncelleme 193 PhoneGAP Kütüphanesi 194 PhoneGap ile Android Uygulamaları 196 Turizm Sitesi Uygulaması 196 PhoneGap ile Donanım Erişimi Örnekleri 208 Accelerometer (İvme Ölçer) 210 Yetki Ayarları 210 Kamera Yetki Ayarları Pusula 213 213 217 Yetki Ayarları 217 Connection (Bağlantı Tespiti) 220 Yetki Ayarları 220 Device (Cihaz Bilgisi) 222 Yetki Ayarları 222 Notification (Uyarılar ses, titreşim) Yetki Ayarları Geolocation (GPS) Yetki Ayarları Contacts (Kişiler) Yetki Ayarları Kişi Özellikleri Media (Ses) Yetki Ayarları Storage (Veritabanı) Yetki Ayarları 223 223 227 227 230 230 232 233 233 237 237 243 Htaccess 244 PHP 244 ASP.NET 245 JavaScript 245 WURFL(Wireless Universal Resource File ) 246 WURFL PHP Kullanımı 247 253 mobilePhoneEmulator.com 254 multiBrowserViewer.com 255 259 Google AdSense ile Mobil Reklamlar 260 263