Smartface Designer’da Aritmetik İşlemler

Merhaba. Bu yazımda sizlere Smartface designer’da aritmetik işlemlerden bahsedeceğim.

Smartface Designer’da Actions Editor  paletinde “Util” sekmesi altında bulunan “Arithmetic Operations” action’ını bir örnek uygulama yaparak açıklamak istiyorum.

1

Bu örnekte mini bir stok takip programı yapacağız. Depodaki ürün adedini bir edit box’a girip, bu girilen değeri bir label’da tutacağız. Sonraki girilen değerleri de bu label’daki değerin üstüne ekleyeceğiz.

Öncelikle edit box’ımızı ve label’ımızı oluşturalım. Bir de bu toplama işlemlerini gerçekleştirebilmek için butona ihtiyacımız olacak.

Aritmetik işlemleri edit box’ımıza değer girildikten ve butona basıldıktan sonra gerçekleştireceğiz. Bu yüzden action editor’den objemizi buton, event’imizi de OnPressed olarak seçiyoruz.

3

İlk parametremizi edit box’a girilen değer olarak atadık.

4

5

Şimdi Operand’ı ve ikinci parametreyi de giriyoruz. Operand’ımız toplama işlemi yapacağımızdan “+”, ikinci parametre de label’ımızın text değeri olacak.

6

Burada dikkat etmemiz gereken önemli bir nokta var. Label’lar oluşturulurken default olarak “Label”  yazısı üstlerinde gelir. Biz de label’ların değerini okuyup edit box’a girilen sayıyı ekleyeceğimiz için, label’ın ilk değerini 0(sıfır) olarak değiştiriyoruz.

2

Şimdi sonucu tekrar label’ın üzerine yazdıralım. Bu işlemi parametrelerin hemen altında “Assign”  kısmından yapacağız.

7

Uygulamamızı çalıştırdığımızda önce edit box’a bir değer girip sonra da butona bastığımızda toplama işlemini gerçekleştirmiş olacağız.

89

Her türlü sorunuz için sadeceengin [at] gmail.com ‘a mail atabilirsiniz.

Engin YILDIZ

, , , ,

No Comments

SmartFace Designer’da Condition Kullanımı

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ı

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