12 Mart 2015 Perşembe

Eclipse de yeni bir SAPUI5 projesi nasıl oluşturulur

Bir önceki yayında Eclipse de SAPUI5 projesi oluşturabilmek için kurulması gereken programlar ve paketler hakkında  yazmıştık.

Eclipse IDE miz yeni bir proje oluşturmaya hazır.
Ama proje oluşturmadan bazı konularda ön bilgi sahibi olmamız gerekmekte . bunlar ;
HTML5 link
CSS3 link
MVC, link
JQuery, link
JavaScript link,



Bu kaynaklar dışında sizlerde istediğiniz herhangi bir kaynaktan belirtilen konularla ilgili araştırma yapabilirsiniz. Genel anlamıyla MVC mimari mantığını , Javascript yapısını anlamak gerekiyor.
Bu konularda biraz fikir sahibi olduğumuza göre artık  projemizi oluşturmaya başlayabiliriz.

Öncelikle Menu strip üzerinden File->New->Other seçeneğini seçiyoruz.


Açılan pencerede SAPUI5 Application Development klasörü altında Application Project seçeneğini seçiyoruz.  


 Öncelikle projemize bir isim vermemiz gerekiyor ,
 Geliştireceğimiz proje tipine göre kullanacağımız kütüphaneyi seçmemiz gerekmekte .

  • sap.m (Mobile kontrolleri içeren kütüphane)
  • sap.ui.commons (Desktop kontrolleri içeren kütüphane)

Create an Initial View seçeneğinin seçili olması projeyi MVC (Model View Controller) mimarisi ile geliştireceğimiz anlamına geliyor , bu seçeneği seçmeyip MVC mimari kullanmadan proje geliştirmek de mümkün.Biz MVC mimarisi ile geliştirme yapmaya devam edeceğiz.


Next işlemi sonrasında Initial View için bir isim vermemiz gerekiyor , ayrıca view sayfasının tasarımını nasıl gerçekleştireceğimizi de belirlememiz lazım.
View kısmını JavaScript , XML,JSON ya da HTML kullanarak dizayn etmek mümkün.

Burada da JavaScript ile tasarım yapmayı tercih ediyorum.



Finish dedikten sonra proje oluştu ve karşımıza index.html sayfamız , initial view sayfamızın view ve contoller  JavaScript sayfaları  çıktı.



Bir sonraki yayında basit bir mobil web projesi oluşturacağız.

7 yorum :

  1. Onur Bey çok sade ve kaliteli bir paylaşım olmuş elinize sağlık. Şyle bir sorum olacak , konu hakkında ki görüşünüzü bilmek isterim.

    framework ap.m ve sap.ui.commons seçiminde bulunurken tercihinizi hangi kriterlere göre yapıyorsunuz. Bildiğim kadarıyla ap.ui.commons 'ta responsive tasarımı destekliyor diye biliyorum.

    YanıtlaSil
    Yanıtlar
    1. Teşekkür ederim , dediğiniz gibi ikiside responsive tasarımı destekliyor.
      kriter olarak uygulamanın çalışacağı platform önemli , mobile platformda sap.m kütüphanesini kullanmak daha mantıklı çünkü bu kütüphane mobil için optimize edilmiş kontrolleri barındırmakta ,bu yüzden kullanıcı için de gayet kullanışlı.
      Aşağıdaki linkteki sayfayı mobile cihazından test edebilirsiniz .
      https://sapui5.hana.ondemand.com/sdk/explored.html#/entity/sap.m.ActionSheet/samples

      Bunun dışında desktopda çalışacak daha complex web sayfaları tasarlarken tabiki ui.commons ve diğer ui kütüphanelerini kullanmak gerekiyor.

      Sil
  2. Merhabalar,

    Öncelikle elinize yüreğinize sağlık çok güzel yazı olmuş. Sayenizde türkçe kaynakla sapuı5 öğreniyoruz :) Allah razı olsun..

    Ufak bir sorum olacak ;
    body class="sapUiBody" role="application"
    div id="content" /div
    /body
    kısmında role tenımlanmamış diyor ? bu platformda çok yeni olduğum için bulamadım yardımcı olabilir misiniz?

    Teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Merhaba Mustafa Bey,
      İyi dilekleriniz için teşekkür ederim,faydalı olabildiysem ne mutlu bana .Bahsettiğiniz role tanımlanmamış hatasını index.html içerisinde bir warning olarak hatırlıyorum , ama uygulamanın işleyişini bozan bir durum değildi .
      Tabi ilerleyen zamanlarda UI paketlerinin güncel versiyonlarını yükledikten sonrasında bu warning le karşılaşmadım .

      Kurulum rehberi yazısında paylaştığım UI paketlerini kurduğumuz dağıtımdaki paket sürümleri için güncelleme gelmedi . Bunun yerine aşağıdaki dağıtım linklerinden birisini kullanabilirsiniz .

      SAP Development Tools for Eclipse Luna - https://tools.hana.ondemand.com/mars

      SAP Development Tools for Eclipse Luna - https://tools.hana.ondemand.com/luna

      Tahminimce UI paketlerini güncel versiyona çektiğinizde, belirttiğiniz warning le karşılaşmıyacaksınız .

      Teşekkürler .

      Sil
  3. Your means of telling all in this piece of writing is genuinely nice, every one can effortlessly be aware of it, Thanks a lot. capitalone.com

    YanıtlaSil

  4. Excellent post. I was checking continuously this blog and I'm impressed! Very useful information specially the last part :) I care for such info much. I was looking for this certain information for a long time. Thank you and best of luck. outlook 365 email login

    YanıtlaSil
  5. Interest is basically the price of borrowing funds from the lender. mortgage payment calculator Choose the possibility below permit us get a best type of mortgage. mortgage payment calculator

    YanıtlaSil