Ozgur Web Catilari Mobil Uygulama Gelistirme

ZGR WEB ATILARI LE MOBL UYGULAMALAR GELTRMEK

Burak Dede Sezer Yeilta

MOBL UYGULAMA GELTRME YNTEMLER NELERDR ?

MOBL UYGULAMA GELTRME

Native Uygulama

Mobil Web Uygulamas

Hibrit Mobil Uygulamalar

3 eit uygulama gelitirme ynetmi var Native uygulama Mobil web uygulamalar , html csss javascript ile gelitirilen bildiimiz web programlama dilleriHibrit uygulamalar ise hrm native hem de mobil web uygulamalarnn karm , genelde uygulamalarn baz blmleri

NATIVE UYGULMA NEDR ?

Cihazda ve zerindeki platformda yaar.

Cihaza indirilir.

Cihaza zel olarak gelitirilir.

ObjectiveC Cocoa, Java BB SDK , Java Android SDK

NATIVE UYGULAMA AVANTAJLARI?

Kendine has pazarlama ortam vardr ( Built-in Marketing )

AppStore

Blackberry AppWorld

Android Market

Gelitirildii platformun ve cihazn zelliklerinden yararlanr.Framework avantajlar

Cihazla veri alverii yapabilir

Donanm zelliklerini kullanabilir

Dier mobil platformlara tanabilir deil !!!

Belli bir kitleye hitap ediyor , tm kullanclara deil !!!

MOBL WEB UYGULAMASI NEDR?

Cihazdaki taraycya bamldr

Webkit

Cihaz iinden sadece tarayc tarafndan ulalr

Web programlama dilleriyle gelitirilirHTML , CSS , Javascript

WEB UYGULAMASININ AVANTAJLARI

Paranz cebinizde kalr ??

Gelitirici Lisans , Ekstra Donanm , Code Signing

Hzl gelitirme sreci

Hzl gncelleme olana

Taraycnn yeteneklerinden yararlanabilmeVideo, ses, animasyonlar

Lokal depolama

IP & GPS Geolocation

Movement detection ( javascript )

NATVE VS WEB

Kompleks uygulamalar(oyun vs.)

Donanm & lokasyon ihtiyac (?)

Hza ihtiya duyulan uygulamalarda

Gelitirme yaplacak platform tek ise

Cihazda veri saklanmak isterse (?)

Basit grevleri ksa srede yerine getiren

Donanm ihtiyac olmaynca

lemci hz nemini yitirdii durumlarda

Tanabilirlik nem arzediyosa

Uzak bir bilgisayarda saklanmas gerekirse

HTML 5

Halen gelitirmesi devam ediyor

HTML & XHTML standartnn bir sonraki versiyonu

Yeni zellikler ne zaman hayata geicek ?

You can use some of them now. Others might take a few years to get widely implemented. WHATWG

HTML 5 & 5 BLNMES GEREKEN

Its not one big thing

Eski tarayclar desteklemiyosa HTML5 nasl kullanrm?

HTML5 in ayr zelliklerine destek sz konusu

You dont need to throw anything awayHTML4 de alyor ise = HTML5 de alacak

Its easy to get startedGei doctype deitirmek kadar basit

It already works

Firefox , Opera , Safari , Chrome (Google , Microsoft)

Its here to stay

HTML5 destei kendi iinde yanl bir szHTML5 in ayr zelliklerine destek sz konusuCanvas , geolocation , video

HTML5 de her etiketin DOMda karlk gelen bir api var => DOM video API

HTML 4 gelmi gemi en iyi iaretleme diliHTML 5 bu baarnn stne ina edildiGeriye dnk destekHTML4 de alyor ise = HTML5 de alacak

HTML4 zerine yeni form kontrolleriemail , placeholder , autofocus , url

Hali hazrdaki altyapnz gelitirebilirsinizBaz kullanclarnz hala IE6 kullansada !!

Gei doctype deimek kadar basitSadece bir doctype var artk

Birok anlamsal element dahil edildi, , ,

HTML 5 GEOLOCATION

Mobil cihazn yer bilgisini web uygulamasnda rahatlkla kullanmaya yarar

HTML5 den nce eitli javascript eklentileri veya cihaza zel api ile

Google gears ak kaynak eklenti

Window, Mac , Linux , Android , Windows Mobile

HTML 5 GEOLOCATION

function updatePosition(position) {//get the position of the devicevar myLatitude = position.coords.latitude;var myLongitude = position.coords.longitude;}//callback function for location updatenavigator.geolocation.getCurrentPosition(updatePosition);//check if browser support geolocationif (Modernizr.geolocation) { // let's find out where you are!} else { // no native geolocation support available :( // maybe try Gears or another third-party solution}

HTML 5 LOCAL STORAGE

HTML 5 uygulamalarn cihazda veri depolamasna izin verir

Web Sql Veritaban & String (key-value) depolama

HTML 5 den nce cookie yntemi kullanlmaktayd

Cookie belli bir limite sahip

Her yeni sayfa isteinde tarayc cookieyi server tarafna tekrar gnderir

Yerel depolamada ise javascript ile uygulama bu veriye ulalabilir

GVENLK ??? - Sandbox

HTML 5 LOCAL STORAGE

localStorage.setItem("height", "400");//store height key with 400 valuevar height = localStorage.getItem("height");//retrieve height backif(!localStorage.getItem("height")) alert('no height set yet'); else alert('height is :' + localStorage.getItem("height"));// web sql databasevar db = window.openDatabase("Database Name", "Database Version");db.transaction(function(tx) { tx.executeSql("SELECT * FROM test", [], successCallback, errorCallback);});

HTML 5 CANVAS

Apple tarafndan bulundu Webkitin paras olarak

Dashboard ve Safaride kullanlmakta

Gecko ve Opera daha sonra kullanmaya balad

WHATWG tarafndan standart haline geldi

Dinamik olarak 2D ekillerin ve bitmap imajlarn render edilmesini salar

Bitmap imajn anlk olarak ilemeye izin verir

HTML 5 in bir paras

HTML 5 CANVAS

var canvasContext = document.getElementById("canvas").getContext("2d"); canvasContext.fillRect(250, 25, 150, 100); canvasContext.beginPath(); canvasContext.arc(450, 110, 100, Math.PI * 1/2, Math.PI * 3/2); canvasContext.lineWidth = 15; canvasContext.lineCap = 'round'; canvasContext.strokeStyle = 'rgba(255, 127, 0, 0.5)'; canvasContext.stroke();

HTML 5 - CANVAS

canvasContext.fillRect(250, 25, 150, 100);

canvasContext.arc(450, 110, 100, Math.PI * 1/2, Math.PI * 3/2);

HTML 5 VIDEO & AUDIO

Uygulama iine video ve ses dosyalarn baka bir eklenti kullanmadan uygulamaya gmer

Flash ,Quicktime, Silverlight gerek kalmadan

Tarayc video etiketini desteklemezse tagini grmezden gelir

HTML 5 VIDEO & AUDIO

HTML 5 VIDEO vs FLASH

Click to edit the title text formatClick to edit Master title style

12/15/10


12/15/10

Click to edit the outline text formatSecond Outline LevelThird Outline LevelFourth Outline LevelFifth Outline LevelSixth Outline LevelSeventh Outline LevelEighth Outline Level

Ninth Outline LevelClick to edit Master text styles

Second level

Third level

Fourth level

Fifth level




Second level

Third level

Fourth level

Fifth level



Second level

Third level

Fourth level

Fifth level

12/15/10

12/15/10

Ozgur Web Catilari Mobil Uygulama Gelistirme

Technology

Transcript of Ozgur Web Catilari Mobil Uygulama Gelistirme