Tizen Web  UI Builder sürükle bırak editoru kullanarak arayüz oluşturmasını saglayan bir geliştirici aracıdır.UI Builder'de bulunan HTML elementleri sayesinde UI oluşturmanız oldukça kolaylaşıyor.
Eğer UI Builder kullanacaksanız:
File->New->Tizen Web Project   daha sonra resimdeki gibi seçtikten sonra projemiz  hazır oluyor.

Web UI Builder içinde  her sayfa için bir design sayfası .page uzantılı   onun altında ise  html,css ,js  , managed.css ve managed.js dosyalarını oluşturyor. Html elementlerini sürükleyip bırakıp kaydettikçe otomatik olarak HTML sayfasında  oluşturuluyor.

• Processing nedir?

  Processing, 2001 yılından bu yana çevrimiçi görsel sanatlar odaklı geliştirilen bir programlama dili ve ortamıdır.Açık kaynaklıdır. İlk zamanlarda hızlı prototip çıkarma ve eskiz çalışması yapabilme için geliştirilse de zaman içersinde programlamanın temellerini anlatabilmek için kullanılmaya başlanmıştır. Processing ile çok hızlı geliştirmeler yapabilir ve profesyonel nitelikte çalışmalar hazırlayabilirsiniz.

Processing java tabanlı olmasına rağmen javascript moduda mevcut.Bende mevcut Processing.js in Tizen üzerinde nasıl çalışıtıgını test etmek basit bir uygulama ile denedim gayet başarılı sonuçlar aldım.
yapmanız gerekenler gayet basit .Processing.js  sitesinden indirip processing-1.4.1.js adlı(şu an bu versiyonda) js dosyasını projenizine dahil etmek.(Ben isminide degiştirdim)

sonra aşagıdaki gibi kullanmak zaten processing.js sitesinde bunun için dersler mevcut.Benim örneğim ise basit bir sarkaç simulasyonu.
https://gist.github.com/nazrdogan/6776991

Simulator üzerinde  processing.js

https://gist.github.com/nazrdogan/6777186

Tizen üzerinde başka bir örnek.(Rastgele zıplayan top)

https://gist.github.com/nazrdogan/6777186
https://vimeo.com/75860986
 

https://gist.github.com/nazrdogan/6770472

Not:Henuz tamamlanmadı...

Tizen'in HTML5 olmasının getirdiği özelliklerinden biride Web API'leri ile  Cihazın donanımına ulaşmak.Bu donanımlardan bir tanesi de Bluetooth. Bu yazımda Bluetooth  API'lerinden bahsedecegim.

İlk önce tizen web projesi açtıktan sonra   config.xml  sayfasında ki Privileges(izinler) tabından aşagıdaki resimdeki gibi izinleri eklememiz gerekmektedir.Çünkü Bluetooth cihazına ulaşmak için bu izinlere ihtiyacı var uygulamanın.

Resimdeki gibi ekledikten sonra aşagıdaki kodu index.html  sayfasına ekledikten sonra Bluetooth Aç-Kapa fonksiyonu çalışır hale gelecek.

https://gist.github.com/nazrdogan/6732035

Eğer bütün   adımları dogru yaptıysanız uygulamanızın ekranında aşagıdaki gibi görebilirsiniz.

Eğer  HTML kodu  içerisindeki Javascript kısmındakı yorumları takip edip kodu incelerseniz.Bütün fonksiyonları görebilirsiniz.(Yazı Resimlerle güncellenecektir.)

https://vimeo.com/75167028

Tizen uygulama geliştirmenin iki tane yolu olduğundan daha öncede bahsetmiştik.Bu yazımda ise Native bir Hello World uygulaması nasıl yapılır.Arayüz nasıl tasarlanır onun üzerinde duracağım.

ilk adım olarak

Tizen IDE

‘yı açalım.Daha sonra ise

File->Project->Tizen->Tizen Native Project->Form Based Application->with SceneManager

yolunu izleyip proje ismini girip

<HelloWorld>

Finish dedikten sonra ise projemiz çalışmak için hazır oluyor.

Eğer daha önceden C++ ile ilğilendiyseniz kaynak kodları yabancı gelmeyecektir. Çünkü Native uygulamalar C++ ile yazılmaktadır.Bizim cpp kodlarımız

src

‘nin içinde yer almaktadır.ayrıca header dosyaları ise

inc

dosyası içinde yer almaktadır.

Bunları biraz olsun anladıktan sonra arayüze geçmek için projenin isminin üzerine gelip sağ tıkladıktan sonra

Run Native UI Builder dedikten sonra

UI builder'in açıldıgını göreceksiniz.

Native UI Builder'da sürükle bırak ile istediginiz arayüzü tasarlayabilir.Web uygulamalarına göre daha performanslı uygulamalar geliştirebilirsiniz.

Bugüne kadar Tizen uygulamalarını Tizen Emulator veya Tizen Web Simulator üzerinde çalıştırdığımız için sorunla karşılaşmadık .Çünkü bunlar IDE ile beraber gelen şeyler oldugu için bizim için bir problem üretmedi .Ama iş Cihaz üzerinde denemeye geldiginde muhtemelen bazı sorunlar çıkacaktır.Bunların sebebi ise Tizen'nın hem çok yeni olması hemde yeterli geliştirici olmadığından yardım almak  gibi bir durumun söz konusu olmaması.

Benim karşılaştığım ilk problem PC'nin cihazı tanımaması (Windows için) Windows update'den driver indirmeyi deniyor ama bulamıyor .Bir kaç yerde araştırıp bulduğum çözüm ise şu linkteki driverlar.Bu  driver'i indirip kurdukan sonra Tizen IDE 'de Connection Explorer kısmında  cihazınızı görmeniz mümkün.

Diger başka bir problem ise  Tizen Cihaz ile Tizen uygulamasının  versiyonlarının farklı olması.Elimdeki cihaz Tizen 2.1 ve Tizen IDE'de ise uygulamanın required_version=2.2 olmasından kaynaklı uygulamayı telefona yüklememekte. Eğer versiyon numarasını 2.1 olarak değiştirirseniz sorun ortadan kalkacaktır.Muhtemelen diğer versiyonlarda bu sorunu çözmezler ise bu şekilde kendimiz çözmüş olmaktayız.

Çalıştırma

Uygulamamızın üzerine gelip sağ tıklayıp açılan menüden  Run as->Tizeb Web Application'u seçip cihaza yüklendiğini görebilirsiniz.

Daha önceleri Tizen ile ilğili giriş yapmıştık ,Uygulama geliştirme methodlarından bahsetmiştik.Şimdi ise Tizen+Jquery Mobile ile uygulama geliştirmeye başlamış bulunmaktayız.

Bu uygulama Jquery örnegi oldugu için Tizen üzerinde nasıl görünüyor onu görmüş olacagız.Uygulamamız basit bir form sayfasından ibaret.

Uygulamayı oluşturmak için

File->New->Web Application Project-Jquery Mobile   şeçeneklerini izleyip uygulamamıza isim verip oluşturuyoruz.

Daha sonra ise index.html sayfasını açıp aşagıdakı kodu kopyalayıp yapıştırıp çalıştırdıgımzda form uygulamamız hazır olmuş oluyor.

https://gist.github.com/nazrdogan/6573473

Ekran Görüntüsü (Ekran görüntüsü  Web Simulatorden alınmıştır.Tizen Telefon üzerinde daha güzel durmaktadır.)

Uygulama paket yöneticisi Tizen  Framework'un çekirdek modüllerinden  biridir .Uygulama  yükleme kaldırma ve güncelleme paketleri ve onların bilgilerini  depolamaktan sorumludur.Paket yöneticisi kullanarak, aynı zamanda cihazda yüklü olan paketler ile ilgili bilgi alabilirsiniz.

Uygulama paket yöneticisi modülü uygulamaları çeşitli destek genişletilebilir, ve belirlenen kurulum modülleri buna eklenebilir.

Tizen aşağıdaki uygulama paketleri destekler:

Web Uygulama Paketi

Hirbid  Uygulama Paketi

Web uygulama Paket Yapılandırması:

Her Web Widget paketinin  meta verileri gösteren bir yapılandırma dosyası, config.xml vardır.