16 Şubat 2022 Çarşamba

UWP Uygulamalarında Data Binding

 Binding (veriye bağlama) işlemi kullanarak gösterdiğimiz elemanların içeriklerini , stillerini vs değiştirerek bağlanan veriye göre görselimizi değiştirebiliriz. Şu isteklerimiz olabilir.

  • Bir nesnenin bulunulan andaki değerlerini göstermek isteyebiliriz. Bağlama anındaki değerler kullanılır, daha sonra o nesneye ne olduğu ile ilgilenilmez.
  • Nesnelerin en son değerlerini göstermek. Bu durumda bağlı nesne değiştikçe görsel de değişecektir.
  • Kullanıcıların kontrollerden yaptığı değişikliklerin hafızadaki bağlı nesneleri de değiştirmesini isteyebiliriz.
  • Görseldeki bazı kontrollerin görünümlerini görseldeki diğer kontroller ile değiştirmek isteyebiliriz.
  • Olay işleyicileri ve şablonları hafızadaki nesnelere göre değiştirmek isteyebiliriz.
  • Nesneleri sayfada gösterirken kullanıcının veride yaptığı değişikliklere göre görüntüsünün değişmesini isteyebiliriz.
Devamı »
Gönderen ujk zaman: 03:11 0 yorum
Etiketler: , , ,

18 Mayıs 2021 Salı

Bir HMI Uygulaması yapalım

 Merhaba bu yazımda tekrar otomasyon programlama üzerine çalışacağım. Daha önce http://ujk-ujk.blogspot.com/2017/12/s7-1200-plc-nettoplcsim-tia-portal.html yazısında C# üzerinden PLC'ye ulaşıp basit bir görsel yapmıştık. Şimdi biraz daha kapsamlı, HMI denilebilecek bir uygulamayı nasıl geliştiririz ona çalışacağız. Mesela şöyle bir uygulama ekranı hedefliyoruz.


PLC'ler için yazılmış HMI programları var tabi ama lisans ücretleri oldukça yüksek. Düşük bütçeli küçük projeler için burada göreceğimiz yöntemlerle basit HMI uygulamaları yapabiliriz. Tabi bunları geliştirip birçok HMI yazılımında olmayan özelliklere sahip bir uygulama yapmamız da mümkün. Özellikle ayrıntılı üretim ve kalite raporu istenen projelerde elimizin altında C#'ın bütün gücünün olması bize sınırsız imkanlar sağlar.

Devamı »
Gönderen ujk zaman: 07:54 0 yorum
Etiketler: , , , ,

30 Nisan 2021 Cuma

LiveCode Platformu ile Uygulama Geliştirmek

 Merhaba pandemi dönemi iş yok. Boş durma boşa çalış projesi olarak yeni neler öğrenebilirim diye internette geziyorum. GUI Builder olarak bilmediğim neler var diye bakarken LiveCode adında bir yazılım geliştirme platformu gördüm. Aslında ücretli bir yazılım ama https://livecode.org adresinde Open Source versiyonu da mevcut. Hobi için veya öğrenmek için bu kadarı yeterliymiş. İndirdim başladım dökümanlarını karıştırmaya. Birlikte karıştıralım güzel bir geliştirme ortamına benziyor.



LiveCode Uygulamasının Yapısı


LiveCode'da basit bir uygulama oluşturmak sadece birkaç dakika sürer. Önce bir stack (veya pencere) oluşturursunuz, ardından stack 'i butonlar , checkboxlar, text fieldler veya menüler gibi kontrollerle doldurursunuz. Son olarak, uygulamanıza nasıl davranması gerektiğini anlatmak için LiveCode’un İngilizce benzeri programlama dilini kullanırsınız.


Devamı »
Gönderen ujk zaman: 18:05 0 yorum
Etiketler: , , , ,

18 Nisan 2021 Pazar

NwJs ve VueJs ile Masaüstü Uygulama Geliştirmek - 2

 Merhaba ,


Önceki yazıda NwJs kuruluşunu göstermiştik. Bu sefer VueJs versiyon 3 kullanalım.  https://unpkg.com/vue@next adresinden VueJs versiyon 3 indirebiliriz. Başlamak için helloWorld adında yeni bir klasör oluşturup içine indirdiğimiz vue.global.js dosyasını koyalım. Sonra da package.json , index.html , main.js isminde yeni dosyalar ekleyelim.

helloWorld/package.json
{
    "name": "helloWorld",
    "main": "index.html"
}
helloWorld/index.html
<!DOCTYPE html>
<html>
<head>
    <title>Merhaba Dünya!</title>
    <script src="vue.global.js"></script>
</head>
<body>
    <h1>Merhaba Dünya!</h1>
    <script src="main.js"></script>
</body>
</html>
Devamı »
Gönderen ujk zaman: 06:54 0 yorum
Etiketler: , , , , , , ,

10 Nisan 2021 Cumartesi

NwJs ve VueJs ile Masaüstü Uygulama Geliştirmek

 Merhaba, bu yazıda VueJs yardımıyla NwJs platformunda masaüstü uygulama geliştirmek için araştırma yapıyorum. Nw.js , Google Chrome ve NodeJs temelleri üzerinde kurulmuş ve masaüstü uygulamaları web teknolojileri kullanarak üretmeyi amaçlayan bir platform. İlgimi çekti ve bir deneyelim bakalım neler yapabiliriz diyerek başladım. Bu yazıda VueJs versiyon 2 kullandım.


NwJs Kurulumu


Ben NwJs sitesindeki yazıya göre kurdum. Bu sayfadan SDK versiyonu zip dosyasını indirelim ve bilgisayarımızda seçtiğimiz bir klasöre içindekileri açalım. Daha sonra bu klasörü sistemimizin PATH ortam değişkenine ekleyelim. Nasıl yaparız bu PATH işini? Sistem -> Gelişmiş Sistem Ayarları -> Ortam değikenleri ile Windows işletim sisteminde yapılıyor. 
Devamı »
Gönderen ujk zaman: 06:52 0 yorum
Etiketler: , , , , , , ,
Kaydol: Kayıtlar (Atom)