ÖZGÜR WEB ÇATILARI İ LE MOB İ L UYGULAMALAR GEL İ ŞT İ RMEK Burak Dede – Sezer Yeşiltaş.

Slides:



Advertisements
Benzer bir sunumlar
Web uygulamalarında yeni bir yaklaşım AJAX
Advertisements

İnternet Tarayıcı Programlar
PHP VE MYSQL.
MIT504 İnternet ve Web Programlama: Javascript programlama devam Yrd. Doç. Dr. Yuriy Mishchenko.
Hazırlayan: Cihan UĞUR
Silverlight Daron Yöndem INETA Türkiye Başkanı
 Ofis dışından erişim  Kurulum gerekmez  Internet Explorer, Mozilla FireFox, Google Chrome, Safari üzerinden çalışma  Sade ve basit arayüz Web Avantajları.
ADOBE AIR.
WEB Tasarımı & .NET Bolum 1
İnternet Programcılığı
İnternete Nasıl Bağlanırız?
İŞLETİM SİSTEMİ İşletim Sistemi Nedir İşletim Sisteminin Görevleri
© 2011 Adobe Systems Incorporated. Cep Telefonu Değeri Belirlemek için Mobil Uygulama Sabri Dündar / Volkan Altuntaş Celal Bayar Üniversitesi.
ANDROID işletim sistemi
BTEP 203 – İnternet ProgramcIlIğI - I
FRAMEWORK.
İNTERNET TARAYICILARINDA YENİ NESİL GRAFİK TEKNOLOJİLERİ
BTP 108 BİLGİSAYAR AĞ SİSTEMLERİ AĞ KAVRAMI Birden çok bilgisayarın birbirine bağlı olarak kullanılmasıyla oluşturulan çalışma biçimine bilgisayar ağı.
Mobil Uygulamalar ve Bilgi Hizmetleri Orçun Madran
JavaScript Javascript , Netscape firması tarafından C dilinden esinlenilerek yazılmıştır Yazılma amacı Html'in sahip olmadığı bazı özelliklerin web sayfalarında.
SQL ve JavaScript Akademik Bilişim 2003 Adana, Şubat 2003 Fırat Tiryaki.
ANDROID işletim sistemi
IT 504 İnternet ve Web Programlama Tanıtım Yrd. Doç. Yuriy Mishchenko.
SQL Dili ve MySQL Komutları
WEB TASARIMINDA TEMEL KAVRAMLAR
APPLET KAVRAMI ve GRAFİK UYGULAMALARI
İnternet'e Bağlanmak İçin Neler Gereklidir?
Microsoft ® Expression ® Encoder Daron Yöndem Deveload.
 Yazılım geliştiriciler framework 'ün sunduğu kütüphaneyi kullanarak; Daha kısa zamanda daha fazla iş üretebiliyor, Daha düzenli bir yapı ortaya çıkarabiliyor,
FRAMEWORK. Model : Veritabanına kayıt girilmesi, kaydın güncellenmesi, kaydın getirilmesi vb. işlemleri yaptığımız kısımdır. (Kısaca insert, update,
Hareket halindeki insanlara ulaşın.Mobil Arama Ağı Reklamları Reach customers with Mobile Search Network.
İNTERNET TARAYICI (WEB BROWSER) PROGRAMLARI
Bilgisayar Ağları.
Faydalı programlar.
NOUN CLAUSES (İSİM CÜMLECİKLERİ).
ALİ FINDIK Galatasaray Ünİversİtesİ 2015
REQUESTING OTHERS TO DO SOMETHING
Kampanyanızı optimize edin. Görüntülü Reklam Kampanyası Optimize Edici'yi Kullanma Display Ads Campaign Optimizer. Let Google technology manage your diplay.
BIL MOBiL PROGRAMLAMA TEKNiKLERi
BIL MOBiL PROGRAMLAMA TEKNiKLERi
Mobil Uygulama Geliştirme
ISE 455 Mobil Uygulama Geliştirme
FAYDALI PROGRAMLAR.
Biz Kimiz 9 senelik satış evi tecrübesi 100+ premium yayıncı Türkiye’ nin ilk bağımsız network’ ü.
İŞLETİM SİSTEMİ İşletim Sistemi Nedir İşletim Sisteminin Görevleri
Ahmet Keleşoğlu Eğitim Fakültesi
İnternet Nedir İnternet, birçok bilgisayar sistemini birbirine bağlayan, dünya çapına yayılmış olan bir iletişim ağıdır yılında ABD Savunma Bakanlığı.
Mobil Uygulama Geliştirme Teknikleri
Mobil Uygulamalar ve Çözümler. ©2010 Sürat Teknoloji Gündem  Hakkında 2.
BİLGİSAYAR TEMEL KAVRAMLAR
Querying SQL Server Data with Power BI Desktop Erdem Avni SELÇUK Microsot MVP.
HTML HTML Nedir? HTML Ne İşe Yarar?. HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili) basitçe, tarayıcılarla görebileceğimiz, internet.
YAZILIM TEKNOLOJİLERİ
Web Tasarımı 2.Hafta. HTML Nedir  Hyper Text Markup Language (Hiper Metin İşaretleme Dili) web sayfalarını oluşturmak için kullanılan standart metin.
Mobil Uygulamalar ve Android’e Giriş Ders 1. Uygulama Kavramı  Kullanıcıların ihtiyaçları doğrultusunda istedikleri işlemleri yapmalarına imkan veren.
İnternet Nedir? İnternet'e Bağlanmak İçin Neler Gereklidir?
Mootools Javascript Framework'ü ile Web 2
haZIRLAYAN: ELİF KARAOĞLU
İŞLETİM SİSTEMİ İşletim Sistemi Nedir İşletim Sisteminin Görevleri
YAZILIM.
WEB TASARIMI BOOTSTRAP KULLANIMI SAVAŞ TUNÇER
Mobil uygulama geliştirme pelin yıldırım Fatma bozyiğit
Web Teknolojileri ve Programlama ODTÜ-SEM
Mobil uygulama geliştirme pelin yıldırım Fatma bozyiğit
NİŞANTAŞI ÜNİVERSİTESİ
İOS PLATFORMUNDA MOBİL TRAFİK CEZA BİLDİRİM UYGULAMASI
Kütüphan-e Türkiye Projesi BİT Yol Haritası
Doç. Dr. Abdülkadir ÇAKIR
.NET Teknolojileri .NET mimarisi VB.NET, C.NET, C#.NET
Web Teknolojileri 2.Hafta.
Sunum transkripti:

ÖZGÜR WEB ÇATILARI İ LE MOB İ L UYGULAMALAR GEL İ ŞT İ RMEK Burak Dede – Sezer Yeşiltaş

MOB İ L UYGULAMA GEL İ ŞT İ RME YÖNTEMLER İ NELERD İ R ?

MOB İ L UYGULAMA GEL İ ŞT İ RME  Native Uygulama  Mobil Web Uygulaması  Hibrit Mobil Uygulamalar

NATIVE UYGULMA NED İ R ?  Cihazda ve üzerindeki platformda yaşar.  Cihaza indirilir.  Cihaza özel olarak geliştirilir.  ObjectiveC – Cocoa, Java – BB SDK, Java – Android SDK

NATIVE UYGULAMA AVANTAJLARI?  Kendine has pazarlama ortamı vardır ( Built-in Marketing )  AppStore  Blackberry AppWorld  Android Market  Geliştirildi ğ i platformun ve cihazın özelliklerinden yararlanır.  Framework avantajları  Cihazla veri alışverişi yapabilir  Donanım özelliklerini kullanabilir  Di ğ er mobil platformlara taşınabilir de ğ il !!!  Belli bir kitleye hitap ediyor, tüm kullanıcılara de ğ il !!!

MOB İ L WEB UYGULAMASI NED İ R?  Cihazdaki tarayıcıya ba ğ ımlıdır  Webkit  Cihaz içinden sadece tarayıcı tarafından ulaşılır  Web programlama dilleriyle geliştirilir  HTML, CSS, Javascript

WEB UYGULAMASININ AVANTAJLARI  Paranız cebinizde kalır ??  Geliştirici Lisans, Ekstra Donanım, Code Signing  Hızlı geliştirme süreci  Hızlı güncelleme olana ğ ı  Tarayıcının yeteneklerinden yararlanabilme  Video, ses, animasyonlar  Lokal depolama  IP & GPS Geolocation  Movement detection ( javascript )

NAT İ VE VS WEB  Kompleks uygulamalar(oyun vs.)  Donanım & lokasyon ihtiyacı (?)  Hıza ihtiyaç duyulan uygulamalarda  Geliştirme yapılacak platform tek ise  Cihazda veri saklanmak isterse (?)  Basit görevleri kısa sürede yerine getiren  Donanım ihtiyacı olmayınca  İ şlemci hızı önemini yitirdi ğ i durumlarda  Taşınabilirlik önem arzediyosa  Uzak bir bilgisayarda saklanması gerekirse

HTML 5  Halen geliştirmesi devam ediyor  HTML & XHTML standartının bir sonraki versiyonu  Yeni özellikler ne zaman hayata geçicek ?  “You can use some of them now. Others might take a few years to get widely implemented.” – WHATWG

HTML 5 & 5 B İ L İ NMES İ GEREKEN  “Its not one big thing” ● Eski tarayıcılar desteklemiyosa HTML5 nasıl kullanırım? HTML5 ‘in ayrı özelliklerine destek söz konusu  You don’t need to throw anything away ● HTML4 ‘de çalışıyor ise = HTML5 ‘de çalışacak  Its easy to get started ● Geçiş “doctype” de ğ iştirmek kadar basit  It already works Firefox, Opera, Safari, Chrome (Google, Microsoft…)  Its here to stay

HTML 5 – GEOLOCATION  Mobil cihazın yer bilgisini web uygulamasında rahatlıkla kullanmaya yarar  HTML5 den önce çeşitli javascript eklentileri veya cihaza özel api ile  Google gears açık kaynak eklenti  Window, Mac, Linux, Android, Windows Mobile

HTML 5 – GEOLOCATION function updatePosition(position) { //get the position of the device var myLatitude = position.coords.latitude; var myLongitude = position.coords.longitude; } //callback function for location update navigator.geolocation.getCurrentPosition(updatePosition) ; //check if browser support geolocation if (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 uygulamaların cihazda veri depolamasına izin verir  Web Sql Veritabanı & String (key-value) depolama  HTML 5 ‘den önce cookie yöntemi kullanılmaktaydı  Cookie belli bir limite sahip  Her yeni sayfa iste ğ inde tarayıcı cookie’yi server tarafına tekrar gönderir  Yerel depolamada ise javascript ile uygulama bu veriye ulaşılabilir  GÜVENL İ K ??? - Sandbox

HTML 5 – LOCAL STORAGE localStorage.setItem("height", "400"); //store height key with 400 value var height = localStorage.getItem("height"); //retrieve height back if(!localStorage.getItem("height")) alert('no height set yet'); else alert('height is :' + localStorage.getItem("height")); // web sql database var db = window.openDatabase("Database Name", "Database Version"); db.transaction(function(tx) { tx.executeSql("SELECT * FROM test", [], successCallback, errorCallback); });

HTML 5 – CANVAS  Apple tarafından bulundu Webkit’in parçası olarak  Dashboard ve Safari’de kullanılmakta  Gecko ve Opera daha sonra kullanmaya başladı  WHATWG tarafından standart haline geldi  Dinamik olarak 2D şekillerin ve bitmap imajların render edilmesini sa ğ lar  Bitmap imajını anlık olarak işlemeye izin verir  HTML 5 ‘in bir parçası

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 içine video ve ses dosyalarını başka bir eklenti kullanmadan uygulamaya gömer  Flash,Quicktime, Silverlight gerek kalmadan  Tarayıcı video etiketini desteklemezse tag’ini görmezden gelir

HTML 5 – VIDEO & AUDIO

HTML 5 – VIDEO vs FLASH