Devexpress3- Pano Oluşturma

Herkese merhaba, bir önceki yazımda Devexpress dashboardın nasıl oluşturulabileceğini ve kullanıma hazır hale gelebileceğini anlatmıştım. Bu yazımda programın bize hangi özellikleri sunduğuna göz atacağız.

İlk olarak oluşturduğumuz programı açalım ve yeni bir pano oluşturabilmek için designer butonuna tıklayalım, oluşturduğumuz dashboard açılacaktır.

Açılan dashboard üzerinde, araç çubuğu kısmında new düğmesine tıklayalım. Bu işlemden sonra önümüze gelen ekranda veri kayanağı seçimi yapmamız gerektiğini görüyoruz.

Üzerinde çalışacağımız veri kaynağı bir excel dosyası olduğu için Microsoft excel workbook seçeneğine tıklıyoruz. Farklı veri kaynağı üzerinde çalışacaksanız diğer seçenekleri seçebilirsiniz.

Veri kaynağını seçtiğimizde ekranımızın sol kısmında veri kaynağının detaylarını (sütun isimleri ) görebiliriz.

Grid Aracı Nasıl Kullanılır?

Grid kelime anlamı olarak ızgara anlamına gelmektedir ve dashboard üzerinde kullanıcılara sade ve anlaşılabilirliği kolay bir görünüm sunmaktadır. Biçimsel olarak excel tablolarına benzemektedir.

Grid üzerinde görmek istediğimiz sütunları sol taraftaki Data Source kısmında görmekteyiz. Grid üzerinde görmek istediğimiz sütunları sürükleyip new column kısmına bırakmalıyız.

Örneğin verilerimiz içerisinde sadece otomobil satış fiyatlarının bulunduğu verileri grid üzerinde görelim.

Bu örnek grid üzerinde verilerin görünümlerini de değiştirebiliriz. Örneğin Columns kısmında yer alan ve sayısal ölçülebilir ifadeler içeren sütunların adının yanındaki sağ kısmımda toplam işareti görmekteyiz. Eğer üzerine tıklarsak sayı yerine kalıp (bar) görünümler de elde edebiliriz. Bu işlemin adımları;

Grid’imizin adını değiştirmek için; grid üzerine sağ tıklayıp “edit name” seçeneğini kullanarak işlemi tamamlayabiliriz.

Chart Aracı Nasıl Kullanılır?

Devexpress chart aracı ile çizgi ya da çubuk grafiklerini kullanarak görsel zenginliği yüksek dinamik raporlama grafikleri oluşturulabilir.

Panomuza bir adet de chart ekliyoruz. Araç kutusu üzerindeci chart düğmesine tıklıyoruz.

Value kısmına grafik üzerinde görmek istediğimiz değerleri sürüklüyoruz. Argument kısmına ise verilerimiz içerisinde dikkate almak istediğimiz sütunu sürükleyip bırakıyoruz. Örneğin bu çalışmada argument kısmına model bilgileri, değer kısmına ise otomobil verileri atılsın.

Chart aracımız panomuzda aktifleşti. Ancak yukarıdaki görselde de göreceğiniz üzere model sayımız çok fazla olduğu için bir çok bar oluştu. Kullanıcının isteğine göre en yükse satış payına sahip olan 5 modeli baz alıp chart düzenlemesi yapmaya çalışalım.

En yüksek satışa sahip olan 5 otomobil markasını görebilmemiz için argument kısmında sağ tıklamamız ve “Top N Values” seçeneği ile devam ederiz. N values kısmından da anlaşılabileceği üzere kullanıcı kaç model görmek isterse görebilir. Biz 5 model ile işlem yapacağız.

Karşımıza çıkan ekranda enabled (etkin) kutucuğunu seçmemiz gerekir. Bu seçenek ile en yüksek 5 modeli görebilme özelliğimizi aktiflştirmiş oluyoruz.

Grafiğimizin görsel şeklini de değiştirebiliriz.

Value kısmında görmekte olduğumuz grafik düğmesi üzerine tıkladığımızda farklı grafik çeşitlerini görebiliriz.

Pies Aracı Kullanımı

Genel olarak ilk öğretimden beri biliyor olduğumuz pasta grafiğini de araç kutusunda görmekteyiz.

Value üzerine pasta grafiğinde görmek istediğimiz verileri sürükleyip, argument kısmına ise model sütununu sürüklüyoruz.

Çok fazla modelimiz olduğu için bu kez de anlamlı bir grafik elde edemedik. Sorunu giderebilmek için Top N Values özelliğini etkinleştirip kullanıyoruz.

Card Aracı Kullanımı

Kartlar sadece model isimlerini ve toplam satışları göstermek, kıyaslamak için kullanılabilir. Araç kutusundaki card düğmesi ile çalışır. Sütunlar series ve cards kısımlarına sürüklenir.

En çok satış yapılan 5 otomobil modelini gösteren card;

Hazırladığımız pano dashboard üzerindeki kutucuk şeklindeki düğme kullanılarak farklı kaydedilebilir ve diğer kullanıcılara sunulabilir.

PDF olarak kaydetmiş olduğumuz panomuz;

Bir sonraki yazımda devexpress dashboard üzerindeki diğer araçlardan bahsedeceğim. Takipte kalın 🙂

Devexpress2- Devexpress İle Dashboard Oluşturma

Herkese merhaba. Bu yazımda Devexpress ile iş zekası araçlarından olan görsel panoların (dashboard) nasıl oluşturulduğunu inceleyeceğiz.

Dashboard Nedir?

Çok karmaşık verilerin bulunduğu excel tablolarının ya da veri tabanı sistemlerinin analizinin yapılmasını sağlayan görsel panolardır. Kullanıcıların birçok kritik sonucu aynı anda özetle görmesini sağlar.  Dashboardlar kullanıcıya özel olarak tasarlanabildiği gibi standartize  edilmiş örnekleri de vardır. Örneğin WordPress’te oturum açıldığında ekrana gelen özet görüntüleme ekranları, standart hale getirilmiş dashboardlardır.

Devexpress ile oluştutulmuş bir dashboard örneği;

Peki bu dashboardları nasıl oluşturuyoruz?

  • Microsoft Visual Studio programı açılır ve dosya sekmesinden  yeni proje oluşturulur.
  • Yeni proje Visual Basic sekmesi altından Windows Form Uygulaması seçilir.
  • Araç kutusu kullanılarak 2 adet buton eklenir. İsteğe bağlı olarak buton özellik çubuğundan butonların isimleri ve boyutları değiştirilebilir.

  • Butonların bulunduğu form içerisine araç kutusundan OpenfileDialog atanır.
  • Projeye 2 adet form eklenmelidir. Proje sekmesinden Windows formu ekle düğmesine tıklanarak eklenebilir

Eklenen Windows formlarında Devexpress dashboardın tasarlanabilmesi ve çalıştırılabilmesi için araç kutusundan DashbBoardWiewer eklenir. Bu durum ilk kez proje oluşturulan  bilgisayarlarda biraz zaman alabilir. İşlemin uzun sürmesi bir problem teşkil ettiğini göstermez.

Dashboard wiewer aracının docks özelliği FİLL olarak değiştirilir.

Designer form aracının içerisinde araç çubuğundan DashboardDesigner eklenir. Dashboard Designer’in dock özelliği fill olarak değiştirilir.

Dashboard oluşturabilmek için bir takım kutulara ihtiyacımız vardır. Bunlar performanns grafikleri, pivot tablolar, pasta grafikleri vb. olabilir. Bu kutucukları eklemek için Dashboard  Designer aracının sağ üst köşesindeki oka tıklanarak “create ribbon” düğmesi seçilir.

Wiewer formunun verileri analiz edebilmesi için içerisine yazılması gereken kodlar yazılmalıdır.

Form designer içerisine de   aşağıdaki kodlar eklenmelidir.

Public Sub loadDashboard(XmlFile As String)

        DashboardViewer1.LoadDashboard(XmlFile)

Daha sonra form1 içerisine giriş yapılarak wiewer adı verilen buton içerisine kodlar yazılır.

 Yine form1 içerisinde designer butonunda tıklayarak aşağıda verilmiş olan kodlar yazılır.

        form_designer.Show()

        form_designer.loadDashboard(filename)

Ardından programım çalıştırılıp dashboard kaydedilerek sürekli olarak kullanıma hazırlanmış olur.



Bir sonraki yazımda dashboard araçlarının detaylarını inceleyeceğiz.
Sağlıcakla kalın 🙂

Devexpress Nedir ve Kurulumu Nasıl Yapılır?

Herkese merhaba. Bu yazımda program dünyasının yeni gözbebeği, görsel analiz ve raporlama olanağı çok geniş olan Devexpress’in kurulumunu anlatacağım.

Açılımı Developer Express olan program DevExpress.NET platformunun bir bileşenidir. Visual Studio ile birlikte çalışan bu bileşen kullanıcının nelere ihtiyaç duyduğunu, hangi alanlarda zorlandığını göz önünde tutarak geliştirilen bileşen günümüzde iş zekası aracı olarak kullanılmaktadır. DevExpress kullanıcıları, verilerinin analiz sonuçlarını görsel panolar üzerinde görebilirler.

Devexpress  İndirilmesi ve Kurulumu

Devexpress kurulumunu yapabilmek için ;

https://www.devexpress.com/ClientCenter/DownloadManager/ sitesi üzerinden 30 günlük deneme sürümünü indirilebilir. Ancak Devexpress’in kullanılabilmesi için  kurulumun yapılcağı bilgisayarda güncel  bir Visual Studio programının kurulu olması gerekmektedir çünkü Devexpress Visual Studio uzantılı olarak çalışmaktadır.

  1. İlk olarak https://www.devexpress.com/ClientCenter/DownloadManager/ sitesi üzerinden dosya indirilir.
  2. Karşılaşılan ekranda next butonuna tıklanır.

3.İndirme devam ederken karşımıza çıkan  araç panosundan program içerisinde kullanmak istenilenler seçerek devam edilir.

4.Hiçbir değişiklik yapılmaması önerilir ve bu şekilde devam edilir.

5.Browse ile programın kurulacağı konum seçilerek Install ile devam edilir.

6.İndirme işlemi tamamlandıktan sonra finish butonuna tıklanarak kurulum aşamasına geçilir.

Bir sonraki yazımda Devexpress kullanımdan bahsedeceğim. Sağlıcakla takipte kalın 🙂