HTML5 etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
HTML5 etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

4 Kasım 2012 Pazar

Mobil Uygulamalar için Native(doğal) diller mi yoksa Web-Html5 mi ?


Mobil uygulamalar hızla yaygınlaşmakta ve ihtiyaç haline gelmektedir. Mevcut hizmetlerin artık mobile olarak hizmet verebiliyor olması ihtiyaç haline gelmeye başladı. Peki uygulamaların geliştirilmesi aşamasında nasıl bir yol izlenmeli?

Geliştiricilerin gerçekleştirecekleri uygulamaların özelliklerine göre en iyi seçimi yapmalıdır.Uygulamayı  Web- based ( web tabanlı) ya da HTML5 olarak geliştirmek  daha hızlı ve  farklı cihazlar için uygulama gerçekleştirmiş olacaktır. Fakat native (doğal) yazılımlar  -> (Objective-C  Apple iOS için , Java Google Andorid )  cihazların tüm özelliklerini kullanmalarını sağlamaktadır. Son durum ise bu iki seçeneği birlikte kullanma yoluda vardır. Appcelerator Titanium gibi geliştirici yazılımlar sayesinde yazdığımız javascipt bir uygulamayı native kod lara dönüştürmektedir.

Html5 özetle ; HTML in yeni sürümüdür. CSS3 ve JavaScript/JQuery ile doğal (Native) olarak çalışması, bütün browser ve cihazlar tarafından desteklenmektedir. Ayrıca video-ses, geolocation, web storage gibi özellikleri barındırması ona kolay kullanılabilir güçlü ve kullanışlı bir yapı sunuyor. Örnek 50 Html uygulama: http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547

İhtiyacımıza göre en uygun yöntemi seçmeliyiz. Her birinin birbirlerine göre avantajları ve dezavantajları bulunmaktadır.

Web - Html5  mobil uygulama;
  • Geliştirmesi daha kolay ve daha az masraflıdır.
  • Tüm browserlar tarafından desteklenmektedir. Bu özelliği ile platform bağımsızlığı, çoklu cihaz desteği sağlamaktadır.
  • Canlı (online) sistemlerdir.
  • Html5 in özellikleri doğrultusunda cihaz özelliklerini kullanabilir, cihazın özelliklerini kullanma konusunda sınırlı özelliğe sahiptir.
  • Uygulamanın son kullanıcı tarafından indirilmesine gerek yoktur. Uygulama güncellemesi , son kullanıcıyı engellemiyecektir.
  • Uygulama için web-servis e gerek olmıyabilir. Direk bulunduğu sunucu içersinde veritabanı erişimlerini yapabilir.

Native dil ile yazılmış uygulama;
  • Geliştirmesi daha zor ve daha masraflıdır.
  • Her cihaz için ayrı uygulama yazılması söz konusudur. Platform bağımlıdır.
  • Cihazın tüm özelliklerini kullanabilirsiniz. Bu sayede yüksek performance  ve daha gelişmiş uygulamalar yazılabilinir. Örneğin iOS daki siri uygulamasını sesli komut özelliği ile uygulamanızı daha eşsiz hale getirebilirsiniz.
  • Çevrimdışı (ofline) çalışabilmektedir.
  • Uygulamanın son kullanıcı tarafından indirip, yüklemesi  zorunludur. Güncelleme işlemide manueldir.
  • Online uygulamaların veri tabanı erişimi için web servisleri ile haberleşmesi gerekmektedir.

.. gibi listeleyebiliriz.

Aklıma E-ticaret siteleri geldi.  E-ticaret siteleri için en uygun olanı bence Html5 dir. Çünkü tüm bilgi ve erişimler sunucu üzerinde olacaktır. Kredi kartı işlemleri, 3D desteği, https protokolü derken daha güvenilir ve kontrol altındadır. Sistemde sorun meydana çıktığında ani müdahale ve güncelleme söz konusu olacaktır. Canlı sistem olduğundan daha hızlı sonuç , kontrol tek noktada ve tek yerden dağıtım.  Eğer Native dil ile yazıldığında farklı cihazlar için uygulamanın dağıtılması ve güvenlik anlaşmaları yapılması gerekmektedir. Uygulama güncellemesi çıktığında, son kullanıcılar dilerse yapmıyabiliyor.

Bence yazılacak uygulamanın özelliğine göre o uygulama için en iyi yönteme başvurulmalıdır.

Öner KAYA

25 Ekim 2012 Perşembe

Html5 - Speech Search (Web)

Merhabalar,

Web ortamında çok basit bir şekilde HTML5 ile gelen ve chrome - firefox  desteklediği webkit-speech  özelliğinden bahsedeceğim.

Alışveriş sitesindeyiz ve aramayı konuşarak yapıyoruz. çok güzel olmaz mıydı? bir önceki yazımda windows tabanlı TextToSpeech - SpeechToText (http://onerkaya.blogspot.com/2012/10/myspeech-texttospech-speechtotext.html işlemlerini destekleyen bir uygulama gerçekleştirmiştim. bu sefer Web tarafında Html5 in nimetlerinden yararlanma zamanı geldi bile ;)

İşin özü : <input type="text" x-webkit-speech="x-webkit-speech" lang="tr" />

Ufak bir aspx dosyası ve speech ile gelen değeri , iframe içersinde yahoo üzerinde aratmaktadır :) aşağıda kod örneği ve sırası ile ekranlar bulunmaktadır.





Bunun için browser desteğinin olması gerekmektedir. http://blogs.sitepointstatic.com/examples/tech/speech-input/index.html bu adresten online speech - webkit özelliğini chrome ile test edebilirsiniz. şu an benim uyarlamamda dil parametresi TR dir. Gayet başarılı sonuçlar döndürmektedir.

http://www.webkit.org/ adresinden gerekli gelişmiş bilgileri edinebilirsiniz.

Uygulamamızın kaynak kodları :  https://docs.google.com/file/d/0ByRFI3ULXVPuem1EcUlHTDlrWVE/edit?usp=sharing

Html5 ile ilgili daha detaylı, yenilikleri ile sizlerle tekrar olacağım.

Öner KAYA

MySpeech - TextToSpeech & SpeechToText ;)

Geçen ofiste muhabbeti oldu. Konuştuğumuzu kolaylıkla nasıl yazıya dökeriz, bunu WEB ortamında nasıl sağlarız şeklinde. Kolay olduğunu biliyordum ve ufak bir araştırma yapıp hemen basit bir uygulama gerçekleştirdim. Sizinle bunu paylaşıyor olacağım.

Anlatacağım uygulamanın özelliği; yazdığımız yazıyı seslendirmek, konuştuğumuzu yazıya aktarmak. Ayrıca WEB ortamı için sesli arama özelliğini nasıl kolaylıkla yeni teknoloji olan HTML5 ile yapacağımızı anlatacağım.

Öncelikle .Net in System.Speech kütüphanesini, TextToSpeech için SpeechSynthesizer, SpeechToText işlemim için SpeechRecognitionEngine sınıflarını kullanmaktayım.


TextToSpeech işlemi için;
 SpeechSynthesizer nesnesini yönetmek ve her seferinde aynı sınıfı kullanmak için SingleTon tasarım desenini kullanarak TextToSpeech sınıfı oluşturdum. Dispose işlemi ise, OnFormClosing işlemi sırasında yapmaktayım.



SpeechToText işlemi için;
SpeechRecognitionEngine sınıfını kullanmaktayım.Aynı sınıfı her seferinde ulaşmak için singleton tasarım desenini kullandım. Konuştuğumuzu algılayabilmesi için ilgili dil paketine uygun kelime (grammer) listesi ile sınıfımızı beslememiz gerekmektedir. grammer.txt dosyasını oluşturdum.2 durum var.ilk durum kelime ya da cümle olması, diğer durum ise program tanımlanmasıdır. 'running' diyerek program modunu açıyoruz. sonrasında çalışmasını istediğiniz program adını söylüyorsunuz :) Bu tarz tanımlama örneklerim grammer.txt içersinde mevcut. Daha da zenginleştirilebilir. hatta comma diyince "," ataması şeklinde tanımlamalarda yapılabilinir, desteklenebilir. artık gerisi size kalmış :)






SpeechRecognitionEngine sınıfının eventler yardımı ile ses sisteminden gelen ses yüksekliğini ve yakalanan kelimeleri yakalamaktayım. bu şekilde form tarafında görüntüleme ya da program çalıştırma işlemi yapmaktayım.




Programımız kullanıma hazır. İndirmek için - https://docs.google.com/file/d/0ByRFI3ULXVPuRzZRMUJLSDFRSlE/edit?usp=sharing

Dilediğiniz gibi kullanabilir, geliştirebilir, örnekliyebilirsiniz.

Html5 ile web ortamında sesli arama yapmak için ayrı bir yazı yazdım. ulaşmak için; http://onerkaya.blogspot.com/2012/10/html5-speech-search-web.html .;)

Öner KAYA