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