Çevrimdışı

Aslında intraweb bana göre çok harika bir delphi uygulama geliştirme çatısı kullanımı bir iki ayrıntı dışında çok kolay ve tamamen standart delphi görsel bileşenlerine benzeyen yeterince sayıya sahip kendine has bileşenleri kullanarak WYSIWYG (What You See Is What You Get) web uygulamaları geliştirmek mümkün.
En güzel tarafı tamamen native delphi dili ile web arayüzlü uygulama geliştirmeyi sağlaması bileşenleri forma(IWForm) yerleştiriyorsunuz ilgili kodları native delphi dili ile yazıyorsunuz ve sonuç mükemmel, Internet Explorer dan web uygulamasının arayüzüne ulaşıp yazdığınız kodların gücü ile doğru orantılı sonuçları elde ediyorsunuz.
Intraweb framework ün bir güzel tarafıda uygulamalarınızda HTML template ler kullanabilmeniz, bunu biraz açarsak eğer durumu şöyle özetleyebiliriz; normal de IWForm üzerine template kullanmadan yerleştirdiğiniz bileşenler uygulama çalıştırılınca DesignTime form üzerinde ki konumlarına göre Tarayıcı sayfasında gözükeceklerdir. Ama HTML template ler kullanırsanız bileşenleri istediğiniz düzende gösterme şansınız var ayıca Intraweb Framework ile stylesheets ler Javascript kodları kullanmanızda mümkün oluyor. Bu konuların ayrıntılarına dilimizin döndüğünce ilerleyen bölümlerde değinmeye çalışacağız.
Inraweb uygulamaları iki farklı mod da çalışırlar.
• Uygulama modu(Application mode)
• Sayfa modu(Page Mode)
Uygulama modunda normal bir delphi uygulaması nasıl tasarlanırsa IW uygulaması da aynı şekilde tasarlanır sonuç olarak proje derlendiğinde ortaya çalıştırılabilir bir dosya çıkar bu dosya bizim web uygulamamızın sunucusu olacaktır. Temel sunucu uygulamanın D2006 da derlenmiş hali aşağıdaki gibidir.

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

Sunucu uygulama arayüzünde ve menülerinde anlaşılmayacak pek bir şey olmadığından ayrıntıya girmeye gerek duymuyorum kullanınca zaten neyin ne işe yarayacağını hemen anlayacaksınız.
Intraweb sayfa modu (page mode) geniş kapasiteli web sitelerinde interaktif sayfalar oluşturmak için idealdir, fakat sayfa modu tüm site görevleri için uygun değildir. Bazı durumlarda sayfa modu ASP,PHP gibi dillerle tümleştirilerek te kullanılabilir.
Sayfa modu ile interaktif raporlar,giriş formları grafikler vs oluşturulabilir. Sayfa modu aslında çok esnek bir kullanıma sahip olmasına rağmen uygulama modunun tersine programcının çok daha fazla uğraşmasına neden olur yani programcının işini zorlaştırır.
Sayfa modu webbroker ve websnap ile tam entegrasyon sağlar, eğer webbroker veya websnap uygulamaları geliştiriyorsanız sayfa modu tam size göre yeterki kullanmasını bilin ileride bununla ilgili de örnek vermeye çalışacağız ama örneklerimiz genelde uygulama modu ile ilgili olacak.
Intraweb bileşenlerinin (TIWButton,TIWLabel, vs) anlatımına gerek yok diye düşünüyorum bir iki fark dışında tümü normal VCL ler gibi kullanılmaktadır.
Yukaridaki şekil-1 de F9 a basarsak veya Explorer simgesine tıklarsak sunucu uygulama hemen Explorer penceresini açacak ve tasarım zamanı web uygulamamızın ana formu olarak atatığımız formu bize tarayıcı penceresinde gösterecektir.
Aşağıda adım adım basit bir IW uygulaması hazırlıyacağız ve bu işin zor olmadığını hep beraber göreceğiz
Önce delphi IDE sinde menüden New i seçiyoruz ve karşımıza New Items penceresi geliyor

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

Bu pencerede soldaki TreeView den IntraWeb ve sağ listeden de IntraWeb Appplication Wizard ı seçip OK buton ına tıklıyoruz. Bu işlemin ardından delphi bize IntraWeb Application Wizard penceresini açıyor.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Bu pencerede hiçbir değişiklik yapmadan (isterseniz proje dizinini değiştirin) OK buton ına tıklıyoruz ve Delphi sağolsun bize projenin temelini oluşturuyor. Proje de proje kodu hariç 3 dosya daha otomatik olarak oluşuyor bunlar
1. ServerController.pas
2. Unit1.pas
3. UserSessionUnit.pas
IW uygulamasında bir seferde yalnız bir formu gösterebilirsiniz ve Modal formlar gösteremezsiniz bunu unutmamakta fayda var bence.
Şimdi unit1 i tasarım moduna alıyoruz ve IWForm un TForm dan görünüm olarak bir farkı olmadığını görüyoruz.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Şimdi IW Form üzerine Component Paletten bir IWButton ve birde IWLAbel ekliyoruz Label ın FontSize ını 20 yapalım ve Style ini de Bold yapıp aşağıdaki gibi bir form oluşturalım


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Daha sonra buton ı çift tıklayarak OnClick olay işleyicisinde aşağıdaki kodu yazalım


procedure TIWForm2.IWButton1Click(Sender: TObject);
begin
IWLabel1.Caption := 'Delphi Dünyası Paylaşımın Adresi';
end;


ve programımızı F9 ile çalıştıralım, program çalışınca Şekil-1 deki gibi bir sunucu uygulaması başlayacaktır. Sunucu uygulama üzerinde de F9 a basarsak veya Browser simgesine(dünya) tıklarsak sunucu uygulama anaforumuzu browser ekranın da açacaktır.



Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


Burada dikkat ederseniz formumuzun tasarım anındaki görüntünün aynısı tarayıcı penceresinde gösterildi ve biz herhangi bir HTML kodu falan da yazmadık. Bu pencerede dikkatimizi hemen çeken şey tarayıcının başlığında ve adres bölümündeki adres

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

bu adresi biraz incelersek eğer slash larla ayrılmış her bir kısmın bir anlamı var

“127.0.0.1” bizim yerel makinemizin IP si (LocalHost)
“8888” sunucuya ulaşacağımız Port (ServerController unitinden değiştirilebilir)
“EXEC “ IW uygulamasının çalıştırma komutu (ServerController unitinden değiştirilebilir)
“0” Çalıştırma sayısı (daha çalıştırmadığımız için sıfır IWButton a tıkladıkça artacaktır)
“0w2fyhd016yyji1avzhru08vg46c” Web uygulama kimlik bilgisi( bu bilgiyi bir değişkene alabiliriz)

Şimdi IWButton1 ‘e tarayıcı penceresinde tıkladığımızda bu buton ın OnClick olayında tanımladığımız kod sunucu uygulamada çalışacak ve dönen HTML sayfa tarayıcı penceresinde gösterilecek tir.


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.



Bu işlemden sonra Adres Satırındaki bilgi

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]1/0w2fyhd016yyji1avzhru08vg46c

olarak değişecektir dikkat ederseniz çalışma sayısı bir artırıldı
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

__________________