Archive for category Genel

SmartFace Designer’da Condition Kullanımı

Posted by sadeceengin in Geliştirme Araçları, Genel, Smartface Designer on July 18th, 2010

Merhaba. Sizlere Smartface Designer’da condition’lardan ve aritmetik işlemlerden bahsetmek istiyorum. Condition’lar;  true/false (yanlış/doğru) karşılaştırması yapıp buradan çıkacak sonuçlara göre yazdığımız kodu, geliştirdiğimiz uygulamayı belirli doğrultulara yönlendirmemizi sağlar. Java’da;

if(x==2){
  x=x+1;
}else {
  x=y;
}

şeklinde bir kod parçacığı yazdığımızda, if parantezinin içindeki “condition” doğruysa “x=x+1” işlemi gerçekleştirilecek; eğer yanlışsa “else”  kısmına girip “x=y” işlemi gerçekleştirilecektir. Smartface Designer kullanan bir kişi, hiç bir programlama dili bilmese bile çok rahat bir şekilde bu conditionları yönetebilecektir.

Smartface Designer’da Conditionlar

Smartface Designer’da da bu temel condition mantığı, yazacağımız uygulamarı istediğimiz yönde çalıştırmamızı sağlıyor. Örneğin;  web service’ten çekilen bir değer “true” ise işlem yapmamıza gerek kalmayabilir .Eğer buradan gelen değer “false” olursa bu false değeri değiştirmek için işlemler yapmamız gerekebilir. İşte burada condition’lar bize büyük fayda sağlıyor.

Şimdi basit bir örnek yapalım. Uygulamamız da bir “edit box” ve bir de “label” olacak. Kullanıcı’nın edit box’a girdiği değerin 0’a eşit olup olmadığını kontrol edeceğiz ve eğer sıfıra eşitse “Girilen değer sıfıra eşit”, eğer eşit değilse “Girilen değer sıfırdan farklı” iletilerini label’ımıza yazdıracağız. Bunun için önce Smartface Designer’da yeni bir proje açıp birer edit box ve label oluşturuyoruz. Edit box’ı seçip sağ tarafta bulunan “action editor” sekmesini açıyoruz. Üst tarafta bulunan “Events” seçenekleri arasından OnChange’i seçiyoruz.

1

Bu event (olay), edit box’mızın değeri değiştiğinde gerçekleştirilecek olan action’ları içerir. Sol taraftan “Condition Action”ı seçiyoruz. Şimdi Action Editor’ümüzde bizden parametreler isteyen bir menü çıktı. Burada ilk değeri, kontrol operatörünü ve kontrol edilecek ikinci değeri gireceğiz.

2

3

İkinci parametremiz sabit bir değer olduğu için, ilk parametredeki gibi “Object Value (nesne değeri)” seçeneğini seçmiyoruz, bunun yerine “Constant(sabit)” seçeneğini seçiyoruz ve değeri sıfır olarak giriyoruz.

4

Şimdi OnTrue condition’ı için uygulanacak action’ımızı oluşturacağız. Action Editor’de sol taraftaki Object sekmesinden Change Object Property seçeneğini seçiyoruz.

5

Page, Object, Property seçeneklerini resimdeki gibi ayarlıyoruz. Burada yapılan şey, seçilen objenin seçilen property’sini (özelliğini) değiştirmektir. Assign kısmında da seçtiğimiz objeye  istediğimiz değeri atıyoruz.  Burada seçtiğimiz obje kullanıcıya mesajı gösterecek olan label idi. “Girilen deger sıfıra eşit” şeklinde bir string yazalım.

6

OnTrue için yapacaklarımız şimdilik bu kadar. Sırada Edit Box’a girilen değer sıfırdan farklı ise yapacaklarımız var. Bunları da OnFalse kısmına giriyoruz. İstersek teker teker az önce gerçekleştirdiğimiz bu işlemleri uygulayıp sadece assign işlemindeki veriyi değiştirebiliriz. İstersek de OnTrue action’ını kopyalayıp (sağ tık -> copy ya da ctrl+c), OnFalse’a yapıştırabiliriz(sağ tık -> paste ya da ctrl+v). Ancak kopyaladığımız action’ın assign değeri OnTrue’daki değerle aynı olacağı için assign işlemindeki iletiyi değiştirmeyi unutmayın.

7

Şimdi uygulamayı Smartface Desginer’da simüle ettiğimizde (kısayol tuşu F12) edit box’a girdiğimiz değeri eş zamanlı olarak kontrol edip, label’daki string’i güncellediğini fark edeceksiniz.

89

Condition’ların kullanımını çok basit bir örnekle açıklamaya çalıştım. Condition’ları kullanarak nested loop’lar (iç içe döngü), iç içe if’ler oluşturabilirsiniz. Böylece aynı anda birden fazla koşulu sağlayan değerlerle  işlem yapabilirsiniz.

Sorularınız için sadeceengin [at] gmail.com a mail atmaktan çekinmeyin.

Engin YILDIZ

, , , , ,

1 Comment

Smartface Designer’da Web Service Kullanımı

Posted by lyd_y in Geliştirme Araçları, Genel, Smartface Designer on July 15th, 2010

Hayatımızın vazgeçilmezi haline gelen internet mobil dünyada da sık sık karşımıza çıkmaya başladı.İnternet üzerinden her zaman güncellenmesi gereken hava durumu, döviz değerleri ya da ilgi alanlarına göre tercih edilen güncel bilgilere ihtiyaç duyduğumuz anda en kolay ve rahat uygulamaları artık telefonlarımızda görüyoruz.Smartface Designer da, kullanıcılarına bu haberlerden her an yararlanma imkanı veriyor.

Web servisi, XML mesajlaşma tabanlı bir sistem entegrasyon yöntemidir. Bilgisayarlar arasında ağ üzerinden etkileşimi ve uyumluluğu sağlayacak yazılım sistemidir. Günümüzde birbiriyle haberleşecek sistemleri gerçeklemek için en çok tercih edilen yöntem web servisidir.

Güncel bilgilere mobil üzerinden sıklıkla erişmek istediğiniz zaman web sevice yardımınıza koşuyor.Kod bilgisi gerektirmeyen Smartface Designer ile az zaman harcayarak zevkinize göre kendi tasarımınızı yapabiliyorsunuz.Şimdi bunu yapmak için gerekli bilgileri ve önemli ipuçlarını adım adım gözden geçirelim…

-WSDL adresinin yüklenmesi

Bu işlem için öncelikle istediğiniz bilgiler doğrultusunda araştırma yapmanız ve bir WSDL adresi bulmuş olmanız gerekir.Ben burada hava durumu bilgilerini örnek aldım.


Adresi bulduktan sonra Smartface platformunun üst tarafındaki web service işaretine tıklayın.Soldaki gibi bir pencere karşınıza gelecektir.Elinizdeki adresi WSDL kısmına yapıştırıp yükleyin.Description seçiminizi de yapıp devam edin.

-İstenen bilgi kaynağına ulaşılarak dataset oluşturulması

Next tuşuna tıkladığınızda karşınıza gelecek pencere bizim gönderdiğimiz parametreler ve bize dönen veri konusunda bizi bilgilendir.Ben hava durumu için giden parametrelerimi şehir ve ülke adı gelen veriyi hava durumu bilgileri olarak belirledim.Her iki durum için de birer tablo oluşturacak şekilde işaretlemelerimizi yapalım.

(Eğer ayrıca tablolar oluşturmadan bilgileri önceden kendi oluşturmuş olduğumuz tablolara yazdırmak istersek hazır tablolarımızla da işlem yapabiliriz.)

Tablolarımız ve datasetlerimiz oluştu.Bunları sol tarafta project browser kısmında local table ve data access başlıkları altında görebilir, istediğimiz zaman düzenlemeler yapabiliriz.

-Label, edit box ya da kullanılacak objelerin tasarımı

Datasetlerimizi oluşturduktan sonra gönderdiğimiz ve aldığımız bilgileri görüntülemek için objelere bağlamamız gerekir.Bunun için ilk aşamada basit bir tasarım yapalım…

Şekle göre ilk edit box’a ülke ismi, ikincisine şehir ismi girmeyi planlıyorum.Button’a bastığımda alttaki label’a da istediğim bilgiler gelecek.Bu işlem için tasarladığımız objeleri datasetlere bağlamak gerekiyor.

-Objelerin datasete bağlanması

Objelerin isimlendirmesini yine keyfimize göre yapalım.Şimdi giden ve gelen bilgileri datasetle bir şekilde ilişkilendirmek gerekiyor.İki edit box ve alttaki label için bu işlemi yapalım.1.edit box üzerine tıklayarak palette kısmına gelip data source’ta gönderilen parametrenizi(country) seçin.

2.edit box için de city seçimini yapın.Label’a da gelen haber parametresini atayalım.Bir sonraki adım button’a görev atamak.

-Run Web Service

Web Service’in çalışması için uygulamanın tetiklenmesi gerekiyor.Bunun için göster adlı button’a bir action ataması yapalım.Kenar çubuğundan Window’a tıklayarak Actions Editor’ı seçelim.Button’u seçerek bu objeye network bölümünden Run Web Service görevini verelim. Artık göster tuşu web servisi çalıştıracak yetkiye sahip.Device Simulator ile uygulamanızı test edebilirsiniz.

İlayda YELTEKİN

ilaydayeltekin@gmail.com

3 Comments

Smartface Designer’da RSS Kullanımı

Posted by lyd_y in Geliştirme Araçları, Genel, Smartface Designer on July 15th, 2010

Haber servislerine, güncel bilgilere, öğrenmek istediğiniz bilgiye anında ulaşmanın en kolay yolu artık mobil dünya.Smartface Designer’ın RSS Feed hizmetiyle kendi zevkimize göre tasarımımızı yaparak istediğimiz bilgilerden anında haberdar olabiliriz.

Peki nedir bu RSS?

RSS çeşitli internet siteleri tarafından yayınlanan haber vb. içeriğin tek bir ortamdan topluca izlenebilmesine olanak sağlayan yeni bir içerik besleme yöntemidir. RSS Real Simple Syndication, RDF Site Summary veya Rich Site Summary (Zengin Site Özeti) kelimelerinin baş harflerinden oluşan kısaltmadır. XML biçiminde olan RSS dosyaları ilk olarak NetScape firması tarafından geliştirilmeye başlanmıştır. RSS dosyalarının kullanımı her geçen gün artarak yaygınlaşmaktadır.

RSS yöntemini destekleyen sistelerin hazırladıkları XML biçimli dosyalara bir çok programla erişmek mümkündür. XML okuyucusu olan bu programlar, web gezgini veya e-posta istemcisi olabileceği gibi sadece RSS içereriği izlemek için hazırlanan masaüstü programları da olabilir.

RSS ikonunu () gördüğünüz herhangi bir yerde, RSS verilerini RSS istemcinizi kullanarak alabilirsiniz.

İlgili RSS adresi bulmakla işe başlayalım.

-RSS adreslerin yüklenmesi

Bulduğunuz RSS adresi load etmek için tool üzerinden RSS Feed seçeneğini seçerek adres yükleyin.

Bize gelen parametreler Title, Description, Link vb bu işlemin sonrasında kullanılmak üzere oluşturuluyor.

-Tablo ve dataset oluşturma

RSS yüklemesinden sonra tabloların ve datasetin kendiliğinden oluştuğunu görebiliriz.Oluşan tablo RSS ten beslendiği için dinamik yapıdadır.

-Obje dizaynı ve datasetlere bağlanması

RSS yükledikten sonra title isminde bir parametre oluştuğunu görmüştük.Bu başlıkları liste şeklinde almak ve sonrasında bir seçim yaparak konunun detaylarını Description yoluyla görüntülemek istiyorum.Bunun için repeat box kullanalım.

Repeat box objemizi şekildeki gibi oluşturduk.Başlık kışmına bir label yerleştirdik.Burada tasarımı yaparken önemli nokta repeat box’ın inactive kısmının da datasete bağlanması gerektiğidir.Repeat box’ın label’ların ayrı ayrı window->palette->data source yolundan datasetlerine bağlayalım.Label’ları da title parametresine bağlayalım.

->Label’ın title parametresine bağlanması

Haber  başlıkları repeat box içerisindeki active

ve inactive label’ların her ikisine de bağlandı,

repeatbox datasete bağlandı.Şimdi haberlerin

içeriklerini ayrı bir label’a bağlayalım:

Bunun için öncelikle yukarıdaki resimde görüldüğü gibi yeni bir diyalog oluşturalım.Tool’da new page’i tıklayarak create new dialog’u seçelim.Diyalog sayfa üzerine açılacak küçük bir pencere görünümündedir.Burada haber içeriklerini görüntüleyeceğiz.Oluşturduğumuz diyaloğa bir label koyalım.

Görüldüğü gibi bu label’ı yine data source kısmından description parametresine bağladık.Diyaloğun büyüklüğünü,

efektlerini, rengini vs palet kısmından ayarlayabilirsiniz.

-Read RSS

RSS hizmetinden yararlanmak için bir action ataması gerekiyor.Biz uygulama açıldığında bu hizmeti başlatacak şekilde ayarlayalım.Action for, object ve events seçimlerimizi şekildeki gibi yapalım:

Yaptığımız bu örnek istediğimiz zaman haberlerin en güncel haline ulaşmamızı sağlıyor.

Şimdi Device Simulator ile uygulamamızı test edelim:


İlayda YELTEKİN

ilaydayeltekin@gmail.com

No Comments