bilginyazar

SpringSourceToolSuite

2009-06-25T04:09:00.001-07:00

SpringSource Tool Suite

SpringSource Tool Suite, Spring uygulamaları geliştirmek için Eclipse IDE’ye entegre edilmiş olarak sunuluyor.

http://www.springsource.com/

SpringSource Tool Suite’i indirmek için

Download:

http://www.springsource.com/node/407

indirdikten sonra C:\Eclipse dizinine açın. Java JRE yüklü değilse http://www.java.com/tr/download/index.jsp adresinde indirip yükleyebilirsiniz.

C:\Eclipse dizinindeki eclipse.exe yi çalıştırarak IDE yi çalıştırabilirsiniz.

Menü den Help-> STS Dashboard tıklayın. Gelen ekranda Spring Web Flow tıklayarak "Hotel Booking” adındaki örnek bir uygulamanın oluşturulmasını adım adım inceleyebilirsiniz.

http://www.installationwiki.org/Setup_for_Spring_Web_Flow_2

“Spring Web Flow” başlığı altındaki Get Started with Spring Web Flow tıklayarak, aşağıdaki ekrandaki adımları takip ederek örnek projeyi oluşturabilirsiniz.

Spring konusunda bir kitapçık “Spring By Example”

http://www.springbyexample.org/examples/index.html

Java ve Spring uygulamaların geleceği konusunda aşağıdaki sunumu inceleyebilirsiniz.

“The Future of Java Innovation”

http://europe.springone.com/europe-2009/file?path=/springone-amsterdam-2009/slides/RodJohnson_WelcomeKeynote.pdf

2008-07-31T04:38:00.001-07:00

Web Development (JSF)

JSF Demos

MyFaces - The free JavaServer™ Faces Implementation

(Tomahawk Version 1.1.7-SNAPSHOT, using MyFaces 1.1.6-SNAPSHOT)

http://www.irian.at/myfacesexamples/home.jsf

RichFacesLiveDemo

http://jsfunit.demo.jboss.com/jboss-jsfunit-examples-richfaces/richfaces/jsFunction.jsf?c=jsFunction

http://livedemo.exadel.com/richfaces-demo/richfaces/orderingList.jsf

Source of RichFaces

http://anonsvn.jboss.org/repos/richfaces/tags/3.1.6.GA/samples/richfaces-demo/src/main/java/org/richfaces/

http://viewvc.jboss.org/cgi-bin/viewvc.cgi/richfaces/

Download Myfaces

http://myfaces.apache.org/download.html

RichFaces Developer Guide

http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/html/index.html

http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/html/RichFacesComponentsLibrary.html

Forum: RichFaces Users

Richfaces konusundaki Bugs, kullanım v.b. için arama:

http://www.jboss.com/index.html?module=bb&op=search&mode=results

http://www.jboss.com/index.html?module=bb&op=viewforum&f=261

Tutorial JSF

http://www.roseindia.net/jsf/

http://www.roseindia.net/jsf/apache-myfaces-tomahawk/

Myfaces Getting Started

http://www.marinschek.com/myfaces/tiki/tiki-pagehistory.php?page=GettingStarted&diff=60

An introduction to RichFaces From IBM

http://www.ibm.com/developerworks/java/library/j-richfaces/

Myfaces Wiki

http://wiki.apache.org/myfaces/

http://wiki.apache.org/myfaces/FrontPage

JSF DataTable

http://balusc.blogspot.com/2006/06/using-datatables.html

JSF Tags

http://www.jsftoolbox.com/documentation/help/01-Introduction/index.jsf

Color

http://www.htmlvalidator.com/htmlval/fontsandcolors.html

JPA

http://openjpa.apache.org/docs/latest/manual/index.html

https://glassfish.dev.java.net/javaee5/persistence/persistence-example.html

Icons

http://www.searchicon.net/Folder.Aspx?g=en-us&f=%5Cicons%5Csweetie%5Cpng-24&l=4

http://sweetie.sublink.ca/preview/icons/Sweetie-BasePack-v3

JSF Tutorials

http://www.coreservlets.com/JSF-Tutorial/

http://www.ibm.com/developerworks/web/library/wa-aj-jsfcss2/

http://www.ibm.com/developerworks/edu/j-dw-java-jsf1-i.html?S_TACT=105AGX02&S_CMP=TUT

http://www.ibm.com/developerworks/web/library/wa-aj-jsfcss1/

http://www.ibm.com/developerworks/web/library/wa-aj-jsfcss2/

http://www.ibm.com/developerworks/search/searchResults.jsp?searchSite=dW&searchScope=dW&displaySearchScope=dW&encodedQuery=JSF+Components&encodedFilter=%2B%28+%29+-%28meta3.tsdoctype%3Adb550%29++-%28meta3.tsdoctype%3Ad100%29++%2B%28meta2.language%3Aen%29++%2B%28meta2.newcountryurl%3Aus+meta2.country%3Azz%29+&summaryShow=on&offset=20&type=all&lastUserQuery1=JSF+Components&lastUserQuery2=&lastUserQuery3=&lastUserQuery4=&perPage=20&pageDate=&pageLang=&langEncoding=UTF8&rankprofile=0

2008-07-31T04:38:00.000-07:00

Eclipse Short Cuts – Eclipse Kısa Yollar

Ctrl+alt+Yukarı OK (Satırı yukarı kopyala)

Ctrl+alt+Asağı OK (Satırı aşağı kopyala)

Alt+Asağı OK (Satırı aşağı taşı)

Alt+Yukarı OK (Satırı yukarı taşı)

Ctrl+Shift + R (Resource listesi aç)

Ctrl + shift + T (Type listesi aç)

Ctrl + shift + O (importları organize et)

Ctrl + shift + F (Kodu formatla)

Ctrl+shift + 7 seçilenleri commentle

Ctrl +F3 method listele

Ctrl+ F6 class listele ve seç

Ctrl + shift + Y to lower

Ctrl + shift + x to upper

Ctrl+shift +L open short cuts

ya da

http://eclipse-tools.sourceforge.net/Keyboard_shortcuts_(3.0).pdf

http://rayfd.wordpress.com/2007/05/20/10-eclipse-navigation-shortcuts-every-java-programmer-should-know/

2008-07-31T04:26:00.000-07:00

İş Ahlakı Raporu ve İbn-i Sina’nın Sözü

Geçenlerde bir tanıdığım insanımızda iş ahlakı yok diye şikayet ediyordu. İş yaptığımız ya da iş yaptırdığımız insanlardan beklentilerimize uygun olmayan davranışlarla karşılaştığımızda, bir çoğumuz bu tür eleştirilerde bulunuruz değil mi?.. Bu tür olaylarla çok sık karşılaştığımızda insanlara olan güvenimiz sarsılır, şüpheci ve aşırı sağlamcı davranmaya çalışırız…

İnsanlara yaptıkları işlerden dolayı güvenmek istiyoruz.

Peki bu güvenimizi nasıl artırabiliriz? Bu sorunun cevabı iş ahlakının kapsamına giriyor.

Prof. Dr. Nevzat Tarhan ahlak iç hukuktur diyor. Yani neyin iyi ve neyin kötü olduğuna, kişinin iç dünyasında karar vermesidir diyebiliriz. İş ahlakı ise iş ile ilgili konularda bu ayırımı yapabilmektir.

Bir çoğumuzun aklına iş ahlakı deyince gelen bazı prensipler vardır:

-Kendine yapılmasını istemediğini başkasına yapma!

-Yemiyeceğini başkasına yedirme!..

Günümüzün aslına bakarsanız bütün zamanların en önemli konularından biri de farkında olmasak da iş ahlakıdır. İş ahlakından kaynaklanan problemlerden dolayı bütün zamanlarda bir çok insan zarar görmüş ve sıkıntı çekmiştir. Bu o kadar önemli bir konu ki, hayatımızda her zaman var ve başka insanlarla olan ilişkilerimizi etkiliyor.

Bilinçli aileler, özellikle çocuklar anne ve baba ile birlikte çalışma fırsatı bulurlarsa ve tabi anne baba kendileri de örnek insanlar ise, bu konudaki ahlaklarını çocuklarına aktarabiliyorlar. Ancak bir çok insan bu tür kavramlardan uzak olarak yetişebiliyor ve bu durum özellikle çalışma hayatında bir çok soruna neden olabiliyor ve bir çok insan bu durumdan etkilenebiliyor.

Huzurlu bir toplum olabilmek, toplumsal uyum ve insanların birbirlerine güveninin korunabilmesi için iş ahlakının toplumda kabul görmüş ve sağlam bir şekilde uygulanıyor olması gerekir. Bunu da gözlemleyebiliyor olmalıyız. Eğer yaptıkları işlerden dolayı insanlara güvenemiyorsak iş ahlakı problemli bir toplumda yaşıyoruz demektir.

Ben bu konunun liselerde, üniversitelerde bütün öğrencilere bir ders olarak verilmesi kanısındayım. Mühendislikte Etik isminde bir ders varmış. Ancak teorik içerikten çok gerçek hayata bakan yönleriyle bu konu ele alınmalı. İşte tam bu nokta da İGİAD – İktisadi Girişim ve İş Ahlakı Derneği tarafından “İş Ahlâkı" konusunda bir rapor yayınlandığı bir çok TV de haber yapıldı. Ben de TV’de bu raporu içeren bir seminere denk geldim.

Rapor ile ilgili açıklama için bakınız:

http://www.igiad.com/index.php?option=com_content&task=view&id=89&Itemid=66

Raporu indirmek için:

http://www.igiad.com/books/igiad_is_ahlaki_raporu.pdf

Raporda sayfa 23’de İbn-i Sina’nın iş ahlâkı konusundaki tavsiyelerine yer verilmiş.

İbn-i Sina şöyle diyor: “Ezerek, zorlayarak ve boğuşarak elde edilen her artık; günahla, utançla, yüzsuyu dökmekle, hayâsızlıkla, haysiyet düşüklüğüyle ve ırz lekesiyle kazanılan her kâr, miktarı büyük olsa da önemsizdir, çok olsa da değersizdir, yararlı görülse de yararsızdır. Lekesiz temiz kazanç ve bitkinliğe düşmeden elde edilen fazlalık, miktarı az olsa da, tartıda hafif gelse de daha lezzetli, daha bereketli ve daha kazançlıdır”.

Raporda Ahlâki olumsuzlukların oluşmasında etkili olan değişkenler ise önem derecesine göre şu şekilde sıralanmaktadır:

• Bilgisizlik,

• Aşırı kazanma hırsı, çalışanların ücretlerinin düşük olması,

• İşi yapan kişinin profesyonel düşünmemesi,

• Bireylerin birbirlerine karşı güvensizlikleri,

• Çalışma şartlarının yetersizliği,

• Öğretim kurumlarında konuya yeterince önem verilmemesi,

• İşini kaybetme endişesi,

• İş ahlâkına uygun olmayan davranışların toplumda normal karşılanması,

• Daha fazla tüketme isteği (kanaatsizlik),

• Aile içinde konunun öneminin zayıflaması,

• Yapanın yanına kâr kalır düşüncesi (denetimsizlik),

• Dürüst çalışanların daha az kazanıyor olması,

• Sivil toplum örgütlerinin yetersiz olması,

• Dini duyguların zayıflaması,

• Yalan söyleyenlerin daha çok kazanıyor olması,

• Medyanın etkisi.

İş ahlâkı, insanların örgütlenme ve ekonomik faaliyette bulunmalarıyla eş zamanlı bir kavram olarak değerlendirilebilir. İşle ilgili her türlü davranış iş ahlâkının konusu içerisinde yer alır ve bu durum insanlık tarihi kadar eskilere götürülebilir. Buna göre, çiftçilerin nadasa bırakması gereken toprağı işlemesi, yağ üretiminde uygun olmayan katkı maddeleri kullanması, bakırcı veya sıva ustasının yaptıkları işin gereğini yerine getirmemesi iş ahlâkı problemleridir. Bugün açısından baktığımızda, iş almak veya mal satmak için rüşvet vermek, bir makinede bağımlılık sağlayabilmek için eksiklikler bırakmak, tamir gelirlerini artırmak amacıyla imalatta kasıtlı kusurlara göz yummak ya da hizmet sözleşmelerine aykırı uygulamalar da iş ahlâkına uygun olmayan davranışlara örnek verilebilir.

2008-07-04T07:16:00.000-07:00

Yavaş Şehirler ve Yavaş Hareketi

Sakın bu yazımı işi yavaşlatma ya da daha az iş yapmak için uydurulmuş bahaneler olarak algılamayın!...

Öncelikle sorunu tanımlayarak konuya girelim. Günümüzde her şey hızlı ya da acelece yapılıyor. Bunun yanında günlük yaptığımız rutin işler bizi robotlaştıyor. Zamanla yaptığımız işler ya da insanlarla olan ilişkilerimiz anlamsız hale geliyor. Bu durumda hayatı anlamsız kılıyor. Varlığımız ile ilgili sorulara duyarsız kalmaktan tutun da sevgi, hoşgörü gibi insani kavramlar da anlamını yitiriyor. İnsanlar sonuçta kendi çıkarları için başkalarını düşünmeden harcayan ya da kullanan duygusuz insanlara dönüşüyorlar. Hayatımız geçip gidiyor. Hatta bitiyor. Şimdi çok geç olmadan durup düşünme zamanı.... (STOP)

Eskiden yani modern çalışma hayatı icat olmadan evvel, insanların çoğunluğu köylerde yaşarlarmış. Şehir de yaşayanların da köylerde yaşayanlardan pek farkı yokmuş. İşlerine çoğunlukla yürüyerek giderlermiş. Yemeklerini çoğunlukla temiz havada, tabiatı seyrederek rahat rahat yerlermiş. Çocuklarıyla ve eşleriyle ilgilenecekleri boş vakitleri ve başka insanlarla birlikte eğlenecek ya da oturup konuşabilecek vakitleri olurmuş. Hatta 40 gün 40 gece düğün yaparlarmış. Hepsinden önemlisi hayatlarında düşünmek için vakitleri varmış.

Şimdi bir soru soralım: Günümüzde çok moda olan “modern çalışma hayatı” 30-40 sene sonra olacak mı?... Cevabını da verelim. Elbette olmayacak. İnsanlar daha az çalışacaklar, daha az mesai yapacaklar, daha çok insan çalışabilecek, daha iyi şartlar içinde yaşayacaklar. Dünyanın gidişiatı da bunu gösteriyor. Günümüzde insanlar geçmişe göre ekonomik anlamda bütün dünyada daha iyi şartlar altında yaşıyorlar. Gelecekte vakit nakittir ilkesinden çok vakit değerlidir ve para ile ölçülemez yaklaşımı kabul görecek. Kaliteli zaman geçirmek önemli hale gelecek.

Modern insanın en büyük problemlerinden biri de iş yaşamının içine kendisini hapsetmesidir. Dolayısıyla birinci öncelikli konu iş yaşamından kendi özel yaşamına ve yakınlarına daha az zaman kalıyor. Bu noktada ben hep kendime şu soruyu sormuşumdur: insanlar dünyaya çalışmak için mi gelmiştir? Elbette ihtiyaçlarımızı karşılamak için çalışmalıyız. Bu konuda kuşku yok. Yalnız sorun bu ihtiyaçlarımızı karşılamak için ne kadar çalışmamız gerektiği ve buna bir cevap bulup bulmadığımız, ayrıca cevap bulsakta elimiz kolumuz bağlı olduğundan yapacak bir şeyimizin olup olmadığıdır...

Bir müteahit ile sohbet ediyorduk... Eski yapılardan söz açtım. Dedim ki Ankara Ulus’ta eskiden yapılmış binalar var. Bugünkü yapılar ile geçmişin binalarını karşılaştırdığımızda, eski binalardaki mimari detaylar, süslemeler v.b. insanı zaman zaman hayrete düşürüyor. Neden bugünkü olanaklarımıza rağmen bu tür binalar yapamıyoruz? Cevap oldukça mantıklı ve güzeldi. – Çünkü bu zamanın insanın acelesi var zamanı yok. Bir de para hırsı...

Şimdi yavaş şehirler hareketine gelelim:

Yavaş şehirler hareketi İtalyanların yavaş yemek (slow food) fikrinin başarılı olması ve kabul görmesiyle ortaya çıkmış. Ben de psikiyatrist yazar Kemal Sayar’ın bir TV programında konudan bahsetmesiyle haberdar oldum. Aslında hepimiz az veya çok bu sorunun farkındayız.

http://www.kitapyurdu.com/kitap/117808/yavaslahayattanbirdefagececeksin

Yavaş şehirler hareketi bir çeşit yaşam şekli. Destekleyen insanlar yavaş yaşamak istiyorlar. Bundan dolayı modern insan yaşamındaki alışkanlıklar, iş yapma şekilleri, gelenekler ve geleneksel yöntemler v.b. yeniden değerlendiriliyor.

Yavaş şehirler dünyadaki bir çok şehirde çok sık görülen hızlı, tek tür – homojen dünyaya karşılar. Bu şehirler az trafik, az gürültü ve az kalabalık şehirler.

http://www.slowmovement.com/slow_cities.php

Şehrin insan yaşamını rahatlatacak şekilde düzenlenmesi, yayaların daha rahat hareket etmesi için onlara ayrılan kaldırım, yeşil alanlar v.b. artırılması, bazı yolların araç trafiğine kapatılması gibi faaliyetler ilk adımlar...

Yavaş hareketi içinde ayrıca yavaş yemek, yavaş tatil, yavaş kitap, yavaş okul ve yavaş para da var. Yani insanlar hayatlarınındaki bir çok şeyi de değiştiriyorlar...

Şimdi son sözleri söyleyelim:

Panik halinde bir yaşam sürüyoruz... Sanki hiç bir şeyin anlamı yok gibi... Atlar çok koşunca çatlar ölürler... Çünkü onlar yorgunluk ya da yavaş nedir pek bilmezler... Biz de modern hayat içinde çatlayıp ölecek atlar gibiyiz...

Yürümek ve koşmak arasında bir fark vardır. Yürümek insana huzur ve mutluluk verir...

Her şeyin gelip geçiçi olduğunu bu dünya da, kendimizi, hayatımızı ya da dünyayı fazla önemsememeliyiz. Bunun yanında kendimize değer verdiğimiz kadar başkalarına da değer vermeliyiz. Yavaş şehirler hareketi prensiplerine paralel olarak, dünyayı daha güzel kılmak için hem kendimiz hem de başkaları için neler yapabileceğimizi düşünebiliriz. Kaliteli zaman ve her şeyin kalitelisi için bir şeyler yapmalıyız. Hayatımızı gözden geçirip bir şeyleri değiştirerek buna başlayabiliriz belki...

Hayatımızı daha anlamlı kılmak için yavaşlayalım... Bu sayede daha rahat düşünür ve daha rahat yaşarız...

2008-05-07T00:41:00.002-07:00

TinyMCE Editörü + JSF + File/Image Upload Entegrasyonu -1

Hazırlayan: Bilgin Yazar

Mayıs 2008

TinyMCE (Tiny Moxiecode Content Editor) web tabanlı bir Javascript HTML WYSIWYG editorüdür. Open source olduğu için bir çok uygulama da kullanıldığını görüyoruz. Javascript olarak yazıldığından dolayı da JSP/JSF, . Net, PHP ya da herhangi bir web uygulama geliştirme ortamına kolayca entegre edilerek çalışabiliyor. Internet de TinyMCE benzeri FCKeditor, Xinha v.b. open source editörler de bulmak mümkün.

Özellikle veri girişi sırasında MS Word benzeri formatlı giriş sağlamak istiyorsanız bu editörü kullanmak isteyeceksiniz. Genelde İçerik Yönetim Sistemleri (CMS), Doküman Yönetim Sistemleri (DMS) gibi uygulamalarda bu tür editörler çok kullanılıyor.

Detay bilgi için bakınız:

http://tinymce.moxiecode.com/

Note: Bu tutorial da anlatılanlara benzer şekilde .Net, PHP v.b. web uygulama geliştirme ortamları içinde uyarlamalar yapılabilir.

Kurulum:

http://tinymce.moxiecode.com/download.php adresinden

Main package : tinymce_3_0_8.zip

indirelim. Zip dosyasını açtıktan sonra örnek uygulamalar için examples dizinine bakmalıyız.

index.html dosyasını IE de açarsak aşağıdaki şekilde demosuna görebiliriz.

full.html dosyasını da bir text editör de açıp TinyMCE nasıl kullanıldığını inceleyebiliriz.

Ayrıca http://wiki.moxiecode.com/index.php/TinyMCE:Index dan da detay bilgi alabiliz.

JSF Entegrasyonu

http://wiki.apache.org/myfaces/WYSIWYG_Editor

Şimdi Eclipse de File -> New Project –> Web -> Dynamic Web Project şeklinde bir JSF projesi oluşturalım. WebContent altına tinymcejscripts altındaki tiny_mce dizinini sürükle bırak ile kopyalayalım. Yani WebContent altında sadece tiny_mce dizini olacak.

Daha sonra WebContent altında tinymce_editor.jsp isminde bir JSF dosyası oluşturalım ve içini aşağıdaki şekilde değiştirelim:

MyEditor.java dosyası da aşağıdaki şekilde olabilir.

package org.apache.myfaces.examples.misc;

public class MyEditor {

boolean saved=false;

String htmlEditorText;

public String getHtmlEditorText() {

return htmlEditorText;

}

public void setHtmlEditorText(String htmlEditorText) {

this.htmlEditorText = htmlEditorText;

}

public boolean isSaved() {

return saved;

}

public void save() {

System.out.println(htmlEditorText);

saved=true;

}

public void clear() {

htmlEditorText="";

saved=false;

}

Ayrıca faces-config.xml dosyasında aşağıdaki şekilde bean tanımlı olmalıdır:

<managed-bean>

<managed-bean-name> myEditor </managed-bean-name>

<managed-bean-class>org.apache.myfaces.examples.misc.MyEditor</managed-bean-class>

<managed-bean-scope>request</managed-bean-scope>

</managed-bean>

tinymce_editor.jsp dosyasını çalıştırarak editörü görüntüleyebiliriz.

2008-05-07T00:41:00.001-07:00

TinyMCE Editörü + JSF + File/Image Upload Entegrasyonu -2

File Upload Entegrasyonu

TinyMCE editöründe hazırladığımız yazı içerisine image eklemek ya da URL linki vermek gibi ihtiyaçlarımız olabilir. Bu durumda TinyMCE ile entegrasyonunu yapmamız gerekecektir.

Entegrasyon konusunda detay bilgi için bakınız:

http://wiki.moxiecode.com/index.php/TinyMCE:Custom_filebrowser

Şimdi nasıl çalışacağına bir bakalım:

Image (resim) eklemek için ağaç resmine tıklamak gerekiyor.

Browser olarak IE kullanıyorsanız, klavye de Ctrl tuşuna basılı tutarak Image URL deki resme tıklayarak kendimizin hazırladığı “Image Browser” ı açabiliriz. Firefox da Ctrl tuşuna basmanıza gerek yok. Gelen ekran bizim kendimizin yazdığı dosyayı server a aktarmayı sağlayan bir ekran – custom image browser.

“Browse” buttonunu tıklayarak istediğimiz resmi seçiyoruz.

Load it up tıkladığımızda resim dosyası server aktarılmış olacak. Kapat tıkladığımızda ise linkini editöre aktarmış olacağız.

Insert tıkladığımızda ise resim dosyası yazımız içerisinde görüntülenecek.

URL yani yazıya dosya linki eklemek için öncelikle bir şeyler yazıp, yazdığımızı seçtikten sonra aktif olan zinzir butonuna tıklamalıyız:

Browser olarak IE kullanıyorsanız, klavye de Ctrl tuşuna basılı tutarak Link URL deki resme tıklayarak kendimizin hazırladığı “File Browser” ı açabiliriz. Firefox da Ctrl tuşuna basmanıza gerek yok. Gelen ekran bizim kendimizin yazdığı dosyayı server a aktarmayı sağlayan bir ekran – custom file browser.

Browse tıkladıktan sonra dosya seçiyoruz:

Load it Up tıkladığımız da deneme.doc server a aktarılmış olacak ve Download File tıklayarak serverdan dan indirebiliriz de... Kapat tıklayarak dosyayı seçmiş olarak geri dönelim.

Insert tıkladığımızda dosyanın linki yazımıza eklenmiş olacaktır.

Daha önceden fileupload konusunda bir doküman/tutorial hazırlamıştık.

http://bilginyazar.blogspot.com/

Bu dokümanı ve projesini açıp yukarda anlatıldığı şekilde TinyMCE entegrasyonuna yapalım. Daha sonra aşağıdaki şekilde TinyMCE ve File Upload entegrasyonu yapabiliriz.

Öncelikle tiny_mce içindeki advimage ve advlink dizinlerine sırasıyla myimagebrowser ve myfilebrowser isminde dizinleri ekleyelim.

advimage dizininde imagebrowser için gerekli entegrasyon ve advlink de ise URL link eklemek için kullanacağımız entegrasyon dosyaları var.

Şimdi de tiny_mce dizinindeki tiny_mce_popup.js dosyasını yeni oluşturduğumuz myimagebrowser ve myfilebrowser dizinlerinin içine kopyalayalım.

“JSF File Upload” dokümanındaki fileupload.jsp dosyamızı biraz değiştirerek yeni oluşturduğumuz myimagebrowser ve myfilebrowser dizinlerinleri içinde imageuploadmanager.jsp ve fileuploadmanager.jsp olarak kayıt edelim.

Php, .Net v.b. kullananların burada kendi dillerine uygun file/image browser dosyalarını oluşturmaları gerekir.

imageuploadmanager.jsp dosyasının içeriği:

2008-05-07T00:41:00.000-07:00

TinyMCE Editörü + JSF + File/Image Upload Entegrasyonu -2

fileuploadmanager.jsp dosyasının içeriği:

File/image Browser sayfaları açılır açılmaz java script kodunda tinyMCEPopup un init methodunu çağırıyoruz.

tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);

Editör den sayfaya gönderilen input parametresine URL yi eşleyerek geri döndüreceğiz.

win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = FileBrowserDialogue.selFileSrc;

Şimdi de WebContent altındaki tinymce_editor.jsp dosyasını aşağıdaki şekilde değiştirelim.

Editör de image ya da url linki butonuna basıldıktan sonra gelen ekranlarda custom file/image browserları açmak istediğimiz de kullandığımız java script kodu aşağıdaki şekilde olmalıdır. Burada ilk {} parantezler arasındakiler editörden gelen parametler. İkinci {} parantezler arasındakiler ise açılacak custom file/image browser popup ekranlarına gönderilecek parametrelerdir. input parametresine seçilen dosyanın/image in URL si assign edilecektir.

tinyMCE.activeEditor.windowManager.open({

url : myUrl,

name : "filebrowser",

width : 500, // Your dimensions may differ - toy around with them!

height : 500,

close_previous : "no"

}, {

window : win,

input : field_name,

resizable : "yes",

inline : "yes",

editor_id : tinyMCE.selectedInstance.editorId

});

tinyMCE.init de ise entegrasyon için gerekli methodların nasıl çağıracağımızı belirtmek zorundayız. Burada image/file browser için myCustomFileBrowser javascript methodunu ve save buttonuna tıklandığında ise clickSaveButton javascript methodunu kullanacağımızı belirtiyoruz.

tinyMCE.init({

mode : "textareas",

theme : "advanced",

plugins :

…………………….

file_browser_callback : "myCustomFileBrowser",

save_enablewhendirty : true,

save_onsavecallback : "clickSaveButton"

});

The Values Carried With The Filebrowser Function Call

field_name (input=selected URL) is the name (and ID) of the dialogue window's input field which needs to be filled with the value your file browser is about to provide.
url carries the existing link URL if you modify a link (or image URL if you edit an image).
type is a string value which is either 'image', 'media' or 'file' (called respectively from image plugin, media plugin and link plugin insert/edit dialogs). With this value you can determine whether your file browser is called from a window that inserts images ("insert/edit image" dialogue), multimedia files (media plugin window) or a window that inserts hyperlinks ("insert/edit links" dialogue).
win is a reference to the dialogue window itself which is extremely important when it comes to writing back the retrieved value. You will need a combination of win and field_name to fill the required fields in the editor's dialogue window!

Fileupload projemizdeki

srcorgapachemyfacesexamplesresourceexample_messages.properties

dosyasını da aşağıdaki şekilde güncellememiz gerekiyor.

fileupload_title=File upload

fileupload_gimmeimage=Gimme an image:

fileupload_gimmefile=Gimme an file:

fileupload_name=and give it a name:

fileupload_button=load it up

fileclose_button=Kapat

fileupload_msg1=The image you loaded up:

fileupload_msgfile1=The file you loaded up:

fileupload_msg2=Link to download (and save) the image :

fileupload_msgfile2=Link to download (and save) the file :

fileupload_msg3=Link to show the image directly:

fileupload_dlimg=Download image

fileupload_dlfile=Download File

fileUploadForm_fileName= Dosya Adi

myeditormessage.savedMessage=Kayit Oldu

myeditormessage.save=Kaydet

myeditormessage.reset=Temizle

Şimdi de FileUpload.java dosyamızı güncelleyelim:

FileUpload.java

* Licensed to the Apache Software Foundation (ASF) under one

* or more contributor license agreements. See the NOTICE file

* distributed with this work for additional information

* regarding copyright ownership. The ASF licenses this file

* to you under the Apache License, Version 2.0 (the

* "License"); you may not use this file except in compliance

* with the License. You may obtain a copy of the License at

* http://www.apache.org/licenses/LICENSE-2.0

* Unless required by applicable law or agreed to in writing,

* software distributed under the License is distributed on an

* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY

* KIND, either express or implied. See the License for the

* specific language governing permissions and limitations

* under the License.

package org.apache.myfaces.examples.misc;

import java.io.IOException;

import java.io.InputStream;

import java.io.*;

import org.apache.myfaces.custom.fileupload.UploadedFile;

import javax.faces.context.FacesContext;

/**

* @author Manfred Geiler (latest modification by $Author: grantsmith $)

* @version $Revision: 472610 $ $Date: 2006-11-08 20:46:34 +0100 (Wed, 08 Nov 2006) $

public class FileUploadForm

{

private UploadedFile _upFile;

private String _name = "";

private String _fileName= "";

boolean rendSuccess=false;

boolean rendFailure=false;

boolean uploadOK=false;

boolean closeOK=false;

public UploadedFile getUpFile()

{

return _upFile;

}

public void setUpFile(UploadedFile upFile)

{

_upFile = upFile;

}

public String getName()

{

return _name;

}

public void setFileName(String fileName)

{

_fileName = fileName;

}

public String getFileName()

{

return _fileName;

}

public void setName(String name)

{

_name = name;

}

/**

public String upload() throws IOException

{

FacesContext facesContext = FacesContext.getCurrentInstance();

facesContext.getExternalContext().getApplicationMap().put("fileupload_bytes", _upFile.getBytes());

facesContext.getExternalContext().getApplicationMap().put("fileupload_type", _upFile.getContentType());

facesContext.getExternalContext().getApplicationMap().put("fileupload_name", _upFile.getName());

System.out.println("upload ok");

return "ok";

}

**/

public String upload() throws IOException{

closeOK=false;

FacesContext facesContext = FacesContext.getCurrentInstance();

try {

InputStream stream = _upFile.getInputStream();

long size = _upFile.getSize();

byte [] buffer = new byte[(int)size];

stream.read(buffer, 0, (int)size);

stream.close();

rendSuccess=true;

rendFailure=false;

System.out.println("File Upload Successful.");

SaveUploadFileToDisk saveUploadFileToDisk=new SaveUploadFileToDisk();

_fileName=saveUploadFileToDisk.saveFileToDisk(_upFile, facesContext);

uploadOK=true;

System.out.println("File Save OK...");

System.out.println("Folders and Files");

GetServerFilesAndFolders getServerFilesAndFolders=new GetServerFilesAndFolders ();

getServerFilesAndFolders.getFolders(new File("C:/upload"));

getServerFilesAndFolders.getFiles(new File("C:/upload"));

return "ok";

}

catch (Exception ioe) {

System.out.println("File Upload Unsuccessful.");

rendSuccess=false;

rendFailure=true;

return "no";

}

public void close()

{

closeOK=true; //close button tiklandi

}

public boolean isClosed()

{

FacesContext facesContext = FacesContext.getCurrentInstance();

return closeOK;

}

public boolean isUploaded()

{ closeOK=false;

FacesContext facesContext = FacesContext.getCurrentInstance();

return uploadOK;

}

public boolean getRendSuccess(){

return rendSuccess;

}

public void setRendSuccess(boolean rendSuccess){

this.rendSuccess = rendSuccess;

}

public boolean getRendFailure(){

return rendFailure;

}

public void setRendFailure(boolean rendFailure){

this.rendFailure = rendFailure;

}

Çalıştırdığımızda aşağıdaki şekilde görüncektir:

Ayrıca bakınız:

http://forum.java.sun.com/thread.jspa?threadID=707894&messageID=4100338

JavaScript differences in Firefox and Internet Explorer

http://blogs.vertigo.com/personal/aanttila/Blog/Lists/Posts/Post.aspx?List=552eb137%2D35b0%2D44f9%2Dbee8%2D641e08159e2b&ID=6

http://wiki.moxiecode.com/index.php/TinyMCE:Control_reference

http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/save

http://tinymce.moxiecode.com/punbb/viewtopic.php?id=5590

TinyMCE de yukarda anlatılanlar dışında başka uyarlamalar yapmak gerekirse, Firefox da test etmek daha kolay olabilir. Bunun için javascript debug v.b. için http://www.getfirebug.com Firefox eklentisi yüklenebilir.

2008-05-07T00:39:00.000-07:00

JSF File Upload

Hazırlayan Bilgin Yazar

Mayıs 2008

Bir çok web tabanlı uygulamada resim dosyalarının gösterilmesi, ya da dosyaların uygulamaya aktarılması gerekmektedir.

Bu tutorial da bir JSF web sayfasından kullanıcı dosyaları server a aktarabilecek (upload) ve dosya jpeg dosyası ise aynı sayfada görüntüleyebilecektir.

Öncelikle JSF MyFaces Tomahawk component larından inputFileUpload ve graphicImage componentlarını inceleyelim:

http://www.roseindia.net/jsf/apache-myfaces-tomahawk/tomahawk_inputFileUpload_tag.shtml

http://www.roseindia.net/jsf/apache-myfaces-tomahawk/tomahawk_graphicImage_tag.shtml

http://myfaces.apache.org/tomahawk/index.html

Eclipse Europa ve Tomcat bilgisayarınız da kurulu olmalıdır.

http://www.eclipse.org/downloads/moreinfo/jee.php

http://bilginyazar.blogspot.com/2008_02_06_archive.html

MyFaces Tomahawk example uygulamasının demosu için bakınız:

http://www.irian.at/myfacesexamples/

MyFaces Tomahawk example Eclipse de çalıştırmak için

http://myfaces.apache.org/download.html

tomahawk-examples-1.1.6-bin.zip dosyasını indiriyoruz. Zip açtıktan sonra jar –xf myfaces-example-simple-1.1.6.war seklinde örnek uygulamayı da açıyoruz. Simple isminde bir dizin oluşacaktır.

Sonra Eclipse de File -> New Project –> Web -> Dynamic Web Project bir proje oluşturalım. Projeyi Eclipse den silelim. Sonra da proje dizinine gidip WebContent altına Simple dizini altındaki dosyaları kopyalayalım. En sonunda da projeyi eclipse e import ettikten sonra çalıştıralım:

File upload u tıklayarak test edebiliriz. Bu örnekte dosya server da herhangi bir dizine yazılmıyor ya da database de tutulmuyor. Dosya upload edildikten sonra aşağıdaki şekilde server tarafında memory de tutuluyor.

FacesContext facesContext = FacesContext.getCurrentInstance();

facesContext.getExternalContext().getApplicationMap().put("fileupload_bytes", _upFile.getBytes());

facesContext.getExternalContext().getApplicationMap().put("fileupload_type", _upFile.getContentType());

facesContext.getExternalContext().getApplicationMap().put("fileupload_name", _upFile.getName());

Şimdi ise yeni bir proje yapacacağız. JSF web sayfasından kullanıcı dosyaları server a aktarabilecek (upload) ve dosya jpeg dosyası ise aynı sayfada görüntüleyebilecek.

Eclipse de FileUpload isminde yeni bir Dynamic Web Project oluşturalım. MyFaces Tomahawk example projesindeki aşağıdaki dosyaları alıp yeni projemize koplayıp değiştireceğiz. Sürükle bırak ile yapabilirsiniz.

WebContentWEB-INFsrcorgapachemyfacesexamplesresourceexample_messages.properties

WebContentWEB-INFsrcorgapachemyfacesexamplesmiscFileUploadForm.java

WebContentWEB-INFclasseslog4j.properties

WebContentfileupload.jsp

Ayrıca lib dosyalarını da sürükle bırak ile example projesinden FileUpload projesine kopyalıyoruz:

org.apache.myfaces.examples.misc package ına, upload edilen dosyaları dizine yazmak için aşağıdaki SaveUploadFileToDisk sınıfını ekleyelim. Görüldüğü gibi upload edilen dosyalar C:upload isminde bir dizine kopyalanacak. Dolayısıyla bir de C: de upload dizini ni oluşturalım.

package org.apache.myfaces.examples.misc;

written by Bilgin Yazar

import java.io.*;

import javax.servlet.*;

import javax.servlet.http.*;

import java.util.*;

import org.apache.myfaces.custom.fileupload.UploadedFile;

import javax.faces.context.FacesContext;

public class SaveUploadFileToDisk {

private static String baseDir="C:/upload";

private static boolean debug=false;

private static boolean enabled=false;

private static ArrayList allowedExtensions=new ArrayList();

private static ArrayList deniedExtensions=new ArrayList();

/**

* create directory

private String createDir(String newDir) {

File baseFile=new File(baseDir+"/"+ newDir);

if(!baseFile.exists()){

baseFile.mkdir();

}

return baseDir+"/"+ newDir;

}

/**

* Save File To Disk

* It store the file (renaming it in case a file with the same name exists)

*http://www.developershome.com/wap/wapUpload/wap_upload.asp?page=jsp2

public String saveFileToDisk(UploadedFile upFile, FacesContext facesContext) throws IOException {

String fileName="";

String contentTypeStr=upFile.getContentType(); // such as image/pjpeg http://www.developershome.com/wap/wapUpload/wap_upload.asp?page=jsp2

int index=contentTypeStr.indexOf('/');

String typeStr=contentTypeStr.substring(0, index);

String currentPath=facesContext.getCurrentInstance().getExternalContext().getRequestServletPath();

String currentDirPath=createDir("yayin1");

String retVal="0";

String newName="";

String fileUrl="";

String errorMessage="";

try {

String fileNameLong=upFile.getName();

fileNameLong=fileNameLong.replace('\','/');

String[] pathParts=fileNameLong.split("/");

fileName=pathParts[pathParts.length-1];

String nameWithoutExt=getNameWithoutExtension(fileName);

String ext=getExtension(fileName);

String pathToSaveString=currentDirPath+"/"+fileName;

File pathToSaveFile=new File(currentDirPath,fileName);

fileUrl=currentPath+"/"+fileName; //filename=image001 gibi olacak

if(extIsAllowed(typeStr,ext)) { // extIsAllowed kullanilmayacak ise bunu atmak gerekir..

int counter=1;

while(pathToSaveFile.exists()){

newName=nameWithoutExt+"("+counter+")"+"."+ext;

fileUrl=currentPath+"/"+newName; //filename=image001 gibi olacak

retVal="201";

pathToSaveString=currentDirPath+"/"+newName;

pathToSaveFile=new File(currentDirPath,newName);

counter++;

}

BufferedOutputStream os = new BufferedOutputStream(new FileOutputStream(pathToSaveFile));

os.write(upFile.getBytes(), 0,Long.valueOf(upFile.getSize()).intValue());

os.close();

}

else {

retVal="202";

errorMessage="";

if (debug) System.out.println("Invalid file type: " + ext);

}

}catch (Exception ex) {

if (debug) ex.printStackTrace();

retVal="203";

}

System.out.println("retval: "+retVal+", fileurl:"+fileUrl+", Newname:"+newName+", errormessage:"+errorMessage);

return fileName;

}

* This method was fixed after Kris Barnhoorn (kurioskronic) submitted SF bug #991489

private static String getNameWithoutExtension(String fileName) {

return fileName.substring(0, fileName.lastIndexOf("."));

}

* This method was fixed after Kris Barnhoorn (kurioskronic) submitted SF bug #991489

private String getExtension(String fileName) {

return fileName.substring(fileName.lastIndexOf(".")+1);

}

/**

* Helper function to convert the configuration string to an ArrayList.

private ArrayList stringToArrayList(String str) {

if(debug) System.out.println(str);

String[] strArr=str.split("\|");

ArrayList tmp=new ArrayList();

if(str.length()>0) {

for(int i=0;i<strArr.length;++i) {

if(debug) System.out.println(i +" - "+strArr[i]);

tmp.add(strArr[i].toLowerCase());

}

return tmp;

}

/**

* Helper function to verify if a file extension is allowed or not allowed.

private boolean extIsAllowed(String fileType, String ext) {

allowedExtensions.add("jpg");

allowedExtensions.add( "gif");

allowedExtensions.add( "jpeg");

allowedExtensions.add( "png");

deniedExtensions.add("X");

ext=ext.toLowerCase();

boolean result=true;

Iterator it = allowedExtensions.iterator();

while (it.hasNext()) {

// Get element

Object element = it.next();

if(element.toString().equals(ext) && result==false)

result=true;

}

it = deniedExtensions.iterator();

while (it.hasNext()) {

// Get element

Object element = it.next();

if(element.toString().equals(ext) && result==false)

result=true;

}

return result;

}

Ayrıca C:upload daki dizin ve dosyaları console da listelemek istiyoruz. Bunun içinde GetServerFilesAndFolders sınıfını ekleyelim. (Daha sonra web arayüzünde göstermek için bir çalışma yapılabilir...)

package org.apache.myfaces.examples.misc;

import java.io.File;

public class GetServerFilesAndFolders {

public void getFolders(File dir) {

System.out.println("Folders");

File[] fileList=dir.listFiles();

for(int i=0;i<fileList.length;++i) {

if(fileList[i].isDirectory()){

System.out.println(fileList[i].getName());

}

public void getFiles(File dir) {

System.out.println("Files");

File[] fileList=dir.listFiles();

for(int i=0;i<fileList.length;++i) {

if(fileList[i].isFile()){

System.out.println("Name:"+fileList[i].getName());

System.out.println("Size:"+fileList[i].length()/1024);

}

FileUploadForm JSF sayfamızda kullandığımız bean. Bunu da aşağıdaki şekilde değiştirelim:

package org.apache.myfaces.examples.misc;

import java.io.IOException;

import java.io.InputStream;

import java.io.*;

import org.apache.myfaces.custom.fileupload.UploadedFile;

import javax.faces.context.FacesContext;

/**

* @author Manfred Geiler (latest modification by $Author: grantsmith $)

* @version $Revision: 472610 $ $Date: 2006-11-08 20:46:34 +0100 (Wed, 08 Nov 2006) $

public class FileUploadForm

{

private UploadedFile _upFile;

private String _name = "";

private String _fileName= "";

boolean rendSuccess=false;

boolean rendFailure=false;

boolean uploadOK=false;

public UploadedFile getUpFile()

{

return _upFile;

}

public void setUpFile(UploadedFile upFile)

{

_upFile = upFile;

}

public String getName()

{

return _name;

}

public void setFileName(String fileName)

{

_fileName = fileName;

}

public String getFileName()

{

return _fileName;

}

public void setName(String name)

{

_name = name;

}

/**

public String upload() throws IOException

{

FacesContext facesContext = FacesContext.getCurrentInstance();

facesContext.getExternalContext().getApplicationMap().put("fileupload_bytes", _upFile.getBytes());

facesContext.getExternalContext().getApplicationMap().put("fileupload_type", _upFile.getContentType());

facesContext.getExternalContext().getApplicationMap().put("fileupload_name", _upFile.getName());

System.out.println("upload ok");

return "ok";

}

**/

public String upload() throws IOException{

FacesContext facesContext = FacesContext.getCurrentInstance();

try {

InputStream stream = _upFile.getInputStream();

long size = _upFile.getSize();

byte [] buffer = new byte[(int)size];

stream.read(buffer, 0, (int)size);

stream.close();

rendSuccess=true;

rendFailure=false;

System.out.println("File Upload Successful.");

SaveUploadFileToDisk saveUploadFileToDisk=new SaveUploadFileToDisk();

_fileName=saveUploadFileToDisk.saveFileToDisk(_upFile, facesContext);

uploadOK=true;

System.out.println("File Save OK...");

System.out.println("Folders and Files");

GetServerFilesAndFolders getServerFilesAndFolders=new GetServerFilesAndFolders ();

getServerFilesAndFolders.getFolders(new File("C:/upload"));

getServerFilesAndFolders.getFiles(new File("C:/upload"));

return "ok";

}

catch (Exception ioe) {

System.out.println("File Upload Unsuccessful.");

rendSuccess=false;

rendFailure=true;

return "no";

}

public boolean isUploaded()

{

FacesContext facesContext = FacesContext.getCurrentInstance();

return uploadOK;

}

public boolean getRendSuccess(){

return rendSuccess;

}

public void setRendSuccess(boolean rendSuccess){

this.rendSuccess = rendSuccess;

}

public boolean getRendFailure(){

return rendFailure;

}

public void setRendFailure(boolean rendFailure){

this.rendFailure = rendFailure;

}

Şimdi de upload edilen dosyaların görüntülenmesi için ImageDisplayServlet

sınıfını ekleyelim. Ne yapmak istediğimiz aşağıdaki link de anlatılıyor.

http://forum.java.sun.com/thread.jspa?threadID=5275865&messageID=10155912

Upload edilen dosyaya http://localhost:8080/FileUpload/yayinimage?id=resim.jpg

şeklinde erişmek istiyoruz.

Bilgin Yazar

package org.apache.myfaces.examples.misc;

import java.io.*;

import javax.servlet.*;

import javax.servlet.http.*;

import java.util.*;

import org.apache.commons.fileupload.*;

/**

public class ImageDisplayServlet extends HttpServlet {

private static String baseDir="C:/upload";

private static boolean debug=false;

public void init() throws ServletException {

baseDir=getInitParameter("baseDir");

debug=(new Boolean(getInitParameter("debug"))).booleanValue();

if(baseDir==null)

baseDir="/UserFiles/";

String realBaseDir=getServletContext().getRealPath(baseDir);

File baseFile=new File(realBaseDir);

if(!baseFile.exists()){

baseFile.mkdir();

}

/**

* http://localhost:8080/FileUpload/yayinimage?id=Bluehills.jpg

* imagename=Bluehills

* image C:\upload\yayin1 icinde

public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

String imageId = request.getParameter("id");

System.out.println("imageId :"+imageId );

String contentType ="image/jpeg" ; //aslinda dosya upload edilirken database yazilmali http://www.developershome.com/wap/wapUpload/wap_upload.asp?page=jsp2

String fileName = imageId;// +".jpg";

String allowCache = request.getParameter("allowCache");

String openDirectly = request.getParameter("openDirectly");

if(allowCache == null || allowCache.equalsIgnoreCase("false"))

{

response.setHeader("pragma", "no-cache");

response.setHeader("Cache-control", "no-cache, no-store, must-revalidate");

response.setHeader("Expires", "01 Apr 1995 01:10:10 GMT");

}

if(contentType!=null)

{

response.setContentType(contentType);

}

if(fileName != null)

{

StringBuffer contentDisposition = new StringBuffer();

if(openDirectly!=null && openDirectly.equalsIgnoreCase("false"))

{

contentDisposition.append("attachment;");

}

contentDisposition.append("filename="");

contentDisposition.append(fileName);

contentDisposition.append(""");

response.setHeader ("Content-Disposition", contentDisposition.toString());

}

File file=new File(baseDir+"/yayin1/"+fileName);

byte[] bytes = getBytesFromFile(file);

if (bytes != null)

{

response.getOutputStream().write(bytes);

}

/**

* Manage the Post requests (

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doGet(request,response);

}

public static byte[] getBytesFromFile(File file) throws IOException {

InputStream is = new FileInputStream(file);

// Get the size of the file

long length = file.length();

// You cannot create an array using a long type.

// It needs to be an int type.

// Before converting to an int type, check

// to ensure that file is not larger than Integer.MAX_VALUE.

if (length > Integer.MAX_VALUE) {

// File is too large

}

// Create the byte array to hold the data

byte[] bytes = new byte[(int)length];

// Read in the bytes

int offset = 0;

int numRead = 0;

while (offset < bytes.length

&& (numRead=is.read(bytes, offset, bytes.length-offset)) >= 0) {

offset += numRead;

}

// Ensure all the bytes have been read in

if (offset < bytes.length) {

throw new IOException("Could not completely read file "+file.getName());

}

// Close the input stream and return bytes

is.close();

return bytes;

}

Şimdi de fileupload.jsp sayfamızı değiştirelim:

example_messages.properties dosyası da aşağıdaki şekilde olacak:

fileupload_title=File upload

fileupload_gimmeimage=Gimme an image:

fileupload_name=and give it a name:

fileupload_button=load it up

fileupload_msg1=The image you loaded up:

fileupload_msg2=Link to download (and save) the image :

fileupload_msg3=Link to show the image directly:

fileupload_dlimg=Download image

fileUploadForm_fileName= Dosya Adi

Web.xml ise aşağıdaki şekilde olmalıdır: extensionsFilter, ImageDisplayServlet içermelidir.

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4">

<description>debug web.xml</description>

<context-param>

<description>Comma separated list of URIs of (additional) faces config files.

(e.g. /WEB-INF/my-config.xml)

See JSF 1.0 PRD2, 10.3.2

Attention: You do not need to put /WEB-INF/faces-config.xml in here.

</description>

<param-name>javax.faces.CONFIG_FILES</param-name>

<param-value>/WEB-INF/examples-config.xml,/WEB-INF/testSuite-config.xml</param-value>

</context-param>

<context-param>

<description>State saving method: "client" or "server" (= default)

See JSF Specification 2.5.3</description>

<param-name>javax.faces.STATE_SAVING_METHOD</param-name>

<param-value>client</param-value>

</context-param>

<context-param>

<description>Only applicable if state saving method is "server" (= default).

Defines the amount (default = 20) of the latest views are stored in session.</description>

<param-name>org.apache.myfaces.NUMBER_OF_VIEWS_IN_SESSION</param-name>

<param-value>20</param-value>

</context-param>

<context-param>

<description>Only applicable if state saving method is "server" (= default).

If true (default) the state will be serialized to a byte stream before it

is written to the session.

If false the state will not be serialized to a byte stream.</description>

<param-name>org.apache.myfaces.SERIALIZE_STATE_IN_SESSION</param-name>

<param-value>true</param-value>

</context-param>

<context-param>

<description>Only applicable if state saving method is "server" (= default) and if

org.apache.myfaces.SERIALIZE_STATE_IN_SESSION is true (= default)

If true (default) the serialized state will be compressed before it

is written to the session. If false the state will not be compressed.</description>

<param-name>org.apache.myfaces.COMPRESS_STATE_IN_SESSION</param-name>

<param-value>true</param-value>

</context-param>

<context-param>

<description>This parameter tells MyFaces if javascript code should be allowed in the

rendered HTML output.

If javascript is allowed, command_link anchors will have javascript code

that submits the corresponding form.

If javascript is not allowed, the state saving info and nested parameters

will be added as url parameters.

Default: "true"</description>

<param-name>org.apache.myfaces.ALLOW_JAVASCRIPT</param-name>

<param-value>true</param-value>

</context-param>

<context-param>

<param-name>org.apache.myfaces.DETECT_JAVASCRIPT</param-name>

<param-value>false</param-value>

</context-param>

<context-param>

<description>If true, rendered HTML code will be formatted, so that it is "human readable".

i.e. additional line separators and whitespace will be written, that do not

influence the HTML code.

Default: "true"</description>

<param-name>org.apache.myfaces.PRETTY_HTML</param-name>

<param-value>true</param-value>

</context-param>

<context-param>

<description>If true, a javascript function will be rendered that is able to restore the

former vertical scroll on every request. Convenient feature if you have pages

with long lists and you do not want the browser page to always jump to the top

if you trigger a link or button action that stays on the same page.

Default: "false"</description>

<param-name>org.apache.myfaces.AUTO_SCROLL</param-name>

<param-value>true</param-value>

</context-param>

<context-param>

Validate managed beans, navigation rules and ensure that forms are not nested.

</description>

<param-name>org.apache.myfaces.VALIDATE</param-name>

<param-value>true</param-value>

</context-param>

<context-param>

<description>A class implementing the

org.apache.myfaces.shared.renderkit.html.util.AddResource

interface. It is responsible to

place scripts and css on the right position in your HTML document.

Default: "org.apache.myfaces.shared.renderkit.html.util.DefaultAddResource"

Follow the description on the MyFaces-Wiki-Performance page to enable

StreamingAddResource instead of DefaultAddResource if you want to

gain performance.

</description>

<param-name>org.apache.myfaces.ADD_RESOURCE_CLASS</param-name>

<param-value>org.apache.myfaces.renderkit.html.util.DefaultAddResource</param-value>

</context-param>

<context-param>

A very common problem in configuring MyFaces-web-applications

is that the Extensions-Filter is not configured at all

or improperly configured. This parameter will check for a properly

configured Extensions-Filter if it is needed by the web-app.

In most cases this check will work just fine, there might be cases

where an internal forward will bypass the Extensions-Filter and the check

will not work. If this is the case, you can disable the check by setting

this parameter to false.

</description>

<param-name>org.apache.myfaces.CHECK_EXTENSIONS_FILTER</param-name>

<param-value>true</param-value>

</context-param>

<context-param>

Change the url-pattern from the ExtensionsFilter

Default is "/faces/myFacesExtensionResource"

Note: The filter-mapping for ExtensionsFilter, the url-pattern is

this value + "/*", else there comes a exception

</description>

<param-name>org.apache.myfaces.RESOURCE_VIRTUAL_PATH</param-name>

<param-value>/faces/extensionResource</param-value>

</context-param>

<context-param>

This parameter enables partial state saving.

</description>

<param-name>javax.faces.PARTIAL_STATE_SAVING_METHOD</param-name>

<param-value>false</param-value>

</context-param>

<context-param>

If true every time a page is rendered, the corresponding JSP is dispatched also.

This is very usefull if Scriptlets are used inside the JSP.

</description>

<param-name>javax.faces.PARTIAL_STATE_SAVING_DISPATCH_EVERY_TIME</param-name>

<param-value>true</param-value>

</context-param>

<filter>

<filter-name>extensionsFilter</filter-name>

<filter-class>org.apache.myfaces.webapp.filter.ExtensionsFilter</filter-class>

<init-param>

<description>Set the size limit for uploaded files.

Format: 10 - 10 bytes

10k - 10 KB

10m - 10 MB

1g - 1 GB</description>

<param-name>uploadMaxFileSize</param-name>

<param-value>100m</param-value>

</init-param>

<init-param>

<description>Set the threshold size - files

below this limit are stored in memory, files above

this limit are stored on disk.

Format: 10 - 10 bytes

10k - 10 KB

10m - 10 MB

1g - 1 GB</description>

<param-name>uploadThresholdSize</param-name>

<param-value>100k</param-value>

</init-param>

</filter>

<filter-mapping>

<filter-name>extensionsFilter</filter-name>

<url-pattern>*.jsf</url-pattern>

</filter-mapping>

<filter-mapping>

<filter-name>extensionsFilter</filter-name>

<url-pattern>/faces/*</url-pattern>

</filter-mapping>

<servlet-name>ImageDisplayServlet</servlet-name>

<servlet-class>org.apache.myfaces.examples.misc.ImageDisplayServlet</servlet-class>

<load-on-startup>3</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>ImageDisplayServlet</servlet-name>

<url-pattern>/yayinimage/*</url-pattern>

</servlet-mapping>

<servlet-name>Faces Servlet</servlet-name>

<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-name>SourceCodeServlet</servlet-name>

<servlet-class>org.apache.myfaces.shared_tomahawk.util.servlet.SourceCodeServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>Faces Servlet</servlet-name>

<url-pattern>*.jsf</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>SourceCodeServlet</servlet-name>

<url-pattern>*.source</url-pattern>

</servlet-mapping>

<welcome-file-list>

<welcome-file>index.jsp</welcome-file>

<welcome-file>index.html</welcome-file>

</welcome-file-list>

<error-page>

<error-code>500</error-code>

<location>/error.jsp</location>

</error-page>

</web-app>

examples-config.xml (faces-config.xml) dosyasıda aşağıdaki şekilde olmalıdır:

<managed-bean>

<managed-bean-name>fileUploadForm</managed-bean-name>

<managed-bean-class>org.apache.myfaces.examples.misc.FileUploadForm</managed-bean-class>

<managed-bean-scope>request</managed-bean-scope>

</managed-bean>

Şimdi de projeyi çalıştıralım:

Image a direk olarak erişmek istediğimizde ise:

Proje ye bir de file upload edilirken kullanıcıya sabır telakki edecek progress bar eklenirse güzel olur du… http://commons.apache.org/fileupload/using.html

2008-05-06T01:29:00.000-07:00

Güzel Bir Kitap: Merhamet – Kalbe Dönüş İçin Son Çağrı (2008)

Hayattan sıkıldınız; birbirine benzer işlerle dolu günler mi geçiyor sunuz? İşte size güzel bir kitap, biraz nefes almak için...

Doç. Dr. Kemal Sayar’ın “Merhamet– Kalbe Dönüş İçin Son Çağrı” adlı kitabını yeni okudum. Son zamanlarda okuduğum en güzel kitaplardan bir tanesi... Ancak kitabın adı biraz yanıltıcı olabilir. Çünkü kitap hayatı anlamamıza yardımcı olacak çok sayıda güzel analizler ve örneklerle dolu...

http://www.kemalsayar.com

Kemal Sayar’ı TRT 2 deki "İNSANLIK HALİ, Cumartesi, 23:15” programı ile tanıdım. Hacettepe TIP mezunu.

Marmara Üniversitesi’nde Psikiyatri alanında uzmanlığını tamamlamış.

Dolayısıyla kitap bir psikiyatristin bakış açısıyla hayata bakmamızı da sağlıyor.

Kitabın dili oldukça akıcı ve sade. Bir çırpıda okuyup bitirebiliyorsunuz.

Kitabın ilk bir kaç makalesinde, babasını 2007 yılında kaybetmesiyle, neler hissettiğini anlatarak

konuya giriyor. Dolayısıyla yazar iç dünyasına samimi bir pencere açıyor.

Özellikle babasını kaybetmiş okuyucuların bu bölümden çok etkileneceklerini düşünüyorum.

Kitap temel olarak insani değerleri bir çok güzel örnekler ve iyi analizler ile anlatıyor.

Bir çok insanın kitaptan hayatı ve insanları anlamak noktasında yararlanacaklarını düşünüyorum.

Dünyada güzel bir kitap bulmak kadar zor bir şey yoktur; bilgece ve samimice yazılmış bir kitap...

Kitap bilgileri: Merhamet Kalbe Dönüş İçin Son Çağrı Dr. Kemal Sayar / TİMAŞ YAYINLARI 2008 ISBN:9752637023

http://www.kitapyurdu.com/kitap/131995/merhametkalbedonusİcinsoncagri

Sayfa 39’dan bir paragraf:

Tüketim toplumu yavaşlama kabliyetimizi köreltiyor. Oysa daha az ihtiyaç duyan insanlar olabilsek,

yepyeni bir özgürlük biçimiyle de tanışmış olacaktık. Modern bireyin en yaygın korkuları; başarısızlık

korkusu, sıradan olma korkusu, bir hiç olma korkusu. İnsana anlam ve istikrar hissi veren değerlerin

parçalandığı, her şeyin satılığa çıkarıldığı bir çağda ait olacak bir yer bulmak da zorlaşıyor.

İşlerimize yapışıyor ve orayı kendimize bir sığınak kılıyoruz. Modern toplum Nazi çalışma kamplarının

o bildik sloganını tekrar ediyor: Arbeit Macht Frei (Çalışmak Özgürleştirir). Oysa gerçekte düşünmek ve hissetmek için,

aylaklığa, kainatı bir huzur duygusuyla seyredebileceğimiz uzun saatlere ihtiyaç var.

2008-04-02T07:54:00.000-07:00

Web 2.0 + RAP

Hazırlayan: Bilgin Yazar

Bölüm 1

WEB 2.0 temel olarak web sayfalarının ya da uygulamalarının daha fazla dinamik özellikler içermesi ve kullanıcılarının daha fazla (özgür) işlem yapabileceği internet uygulamaları olarak tanımlanıyor.

Daha detay tanımlar için bakınız:

http://tr.wikipedia.org/wiki/Web_2.0.

Sunum için bakınız: (Web 2.0 ve IBM)

http://www.ardenagopyan.com/downloads/sunumlar/dau-Web20veIBM.pdf

Web 2.0 uygulamaları için kullanılan teknolojilerden biri de Ajax. Eclipse IDE nin bir plug ini ve teknolojisi olan Rich Ajax Platform (RAP) sayesinde Ajax tabanlı web uygulamaları geliştirmek mümkün.

RAP (Rich Ajax Platform) zengin ajax uygulamaları geliştirmek için yazılmış araç seti. OSGI (The basis of the Eclipse Runtime) standartına uygun olarak hazırlanmış. OSGI servislerin ve uygulamaların birlikte çalışabilirliğini destekleyen, servise yönelik, bileşen tabanlı bir ortamı tarif ediyor. Bu mimari RAP'ın hem yeni uygulamalarda hem de mevcut uygulamalarda kullanılabilmesini sağlıyor. RAP Eclipse RCP (Rich Client Platform) üzerine inşa edilmiş durumda, bu sayade RAP ile hem internet hem masaüstü uygulamaları geliştirilebilir ve çalıştırılabilir. (Kaynak:

http://adtmag.com/article.aspx?id=21453 )

RAP hakkındaki sunum için bakınız:

http://www.eclipsecon.org/summiteurope2007/presentations/ESE2007_W1540_RAP.pdf

http://www.java-forum-stuttgart.de/jfs/2007/folien/A4.pdf

RAP hakkında Webinar için bakınız:

http://live.eclipse.org/node/450

RAP Kurulum:

Şimdi Kurulu Eclipse (Europa) ‘e Rich Ajax Platform (RAP) plug inini kuralım.

http://www.eclipse.org/rap/gettingstarted.php

Yukarıdaki linkte tarif edildiği gibi Eclipse i açtıktan sonra Help -> Software Update -> Find and Install tıklayalım. Gelen ekran da Search for new feature to install seçip ve Next tıklayalım.Sonra “New Remote Site” tıklayarak

Name: RAP Update Site

URL: http://download.eclipse.org/technology/rap/update-site

OK ve Finish tıklayarak kurulumu başlatalım.

Kurulum tamamlandıktan sonra Eclipse tekrar açtığınızda gelen Welcome sayfasından (Overview) Rich Ajax Platform (RAP) tıklayın.

Sonra aşağıdaki gelen ekranda OK tıklayarak kurulumu tamamlayabilirsiniz.

Demo ları Çalıştıralım:

http://www.ibm.com/developerworks/library/os-eclipse-richajax1/index.html#download

Eclipse açtıktan sonra Menü den

“Run > Open Run Dialog” açalım. Sonra OSGi Framework de sağ tuş New ya da + tıklayarak yeni bir konfigürasyon oluşturalım. Name: RAP olsun. Arguments e tıklayalım.

VM arguments: -Dorg.osgi.service.http.port=9090 -Dosgi.noShutdown=true

olacak şekilde ayarlayalım (default).

Bir de Turkish locale de sorun oluşuyor. Dolayısıyla -vmargs -Duser.language=en program argument e ekliyoruz. Sonra da windows da control panelde Regional Setting i English (United States) olarak değiştiriyoruz.

Run tıkladıktan sonra Console mesajı aşağıdaki şekilde olacaktır.

osgi> Mar 31, 2008 4:29:35 PM org.mortbay.http.HttpServer doStart

INFO: Version Jetty/5.1.x

Mar 31, 2008 4:29:36 PM org.mortbay.util.Container start

INFO: Started org.mortbay.jetty.servlet.ServletHandler@1b4a74b

Mar 31, 2008 4:29:36 PM org.mortbay.util.Container start

INFO: Started HttpContext[/,/]

Mar 31, 2008 4:29:36 PM org.mortbay.http.SocketListener start

INFO: Started SocketListener on 0.0.0.0:9090

Mar 31, 2008 4:29:36 PM org.mortbay.util.Container start

INFO: Started org.mortbay.http.HttpServer@1fd5e2

Şimdi aşağıdaki şekilde IE browser da “control demo” yu çalıştırabiliriz.

http://localhost:9090/rap?startup=controls

The Standard Widget Toolkit hakkında bilgi için bakınız:

http://www.eclipse.org/swt/widgets/

http://help.eclipse.org/help32/index.jsp?topic=/org.eclipse.platform.doc.isv/samples/org.eclipse.swt.examples/doc-html/swt_manual_setup.html

2008-04-02T07:53:00.001-07:00

Web 2.0 + RAP

Hazırlayan: Bilgin Yazar

Bölüm 2

Hello project

Şimdi Hello World projesi hazırlayalım. Aşağıdaki tutorial da anlatılanları otomatik olarak wizard ile yapmış olacağız:

http://help.eclipse.org/help33/index.jsp?topic=/org.eclipse.rap.help/help/html/getting-started/hello-world.html

Öncelikle File -> Project den aşağıdaki sırayla yeni bir Plug-in projesi oluşturuyoruz.

Aşağıdaki ekranda “RAP Hello World” seçiyoruz.

Şimdi de oluşturduğumuz uygulamayı çalıştıralım. Bunun için menü den “Run > Open Run Dialog” açalım. “RAP Application” altında uygulamanın konfigürasyonun oluştuğunu görüyoruz. Onu seçip Run tıklayarak uygulamayı Eclipse de çalıştırmış olacağız.

Şimdi de HelloWorldView isminde bir sınıf ekleyeceğiz. Bu sayede "Hello RAP World" mesajını ekranda gösterebileceğiz. Bunun için hellorap package da aşağıdaki şekilde sağ tuş –> New ->Class seçiyoruz.

Aşağıdaki şekilde kodu değiştirelim.

import org.eclipse.swt.SWT;

import org.eclipse.swt.widgets.Composite;

import org.eclipse.swt.widgets.Label;

import org.eclipse.ui.part.ViewPart;

public class HelloWorldView extends ViewPart {

public void createPartControl( Composite parent ) {

Label label = new Label ( parent, SWT.NONE );

label.setText( "Hello RAP World" );

label.setSize( 80, 20 );

}

public void setFocus() {

// do nothing

}

MANIFEST.MF dosyasına çift tıklayarak Plug-in Manifest Editor ü açalım.

Şimdi de HelloWorldView org.eclipse.ui.views den bir extension olduğunu tanımlayacağız.

Extensions tıklıyoruz.

Add tıklıyoruz.

org.eclipse.views seçiyoruz.

New – view oluşturuyoruz.

Extention view in özellikleri ni aşağıdaki şekilde belirleyip save (eclipse menu) tıkladığımızda yukarıdaki şekilde görülecektir.

id: hellorap.HelloWorldView

name: Hello example

class: hellorap.HelloWorldView

Şimdi de src deki Perspective.java sınıfını açalım ve aşağıdaki şekilde içini değiştirelim:

import org.eclipse.ui.IFolderLayout;

import org.eclipse.ui.IPageLayout;

import org.eclipse.ui.IPerspectiveFactory;

public class Perspective implements IPerspectiveFactory {

public void createInitialLayout( IPageLayout layout ) {

String editorArea = layout.getEditorArea();

layout.setEditorAreaVisible( false );

IFolderLayout left = layout.createFolder( "left",

IPageLayout.LEFT,

0.25f,

editorArea );

left.addView( "hellorap.HelloWorldView" );

}

Şimdi çalıştırabiliriz: Bunun için menü den “Run > Open Run Dialog” açalım. “RAP Application” altında uygulamanın konfigürasyonun oluştuğunu görüyoruz. Onu seçip Run tıklayarak uygulamayı Eclipse de çalıştırmış olacağız.

2008-04-02T07:53:00.000-07:00

Web 2.0 + RAP

Hazırlayan: Bilgin Yazar

Bölüm 3

Şimdi de Wizard ları kullanarak sample view ekleyelim. MANIFEST.MF dosyasına çift tıklayarak Plug-in Manifest Editor ü açalım. Extentions tıklayalım. Add butonuna basalım ve gelen ekrandan “Extensions Wizard” tabını seçelim ve listeden aşağıdaki şekilde “Sample View” seçelim. Sonraz Next butonlarına basarak wizard ı tamamlayalım.

MANIFEST.MF dosyasında compile time hatası gözükecek. Bunu kaldırmak amacıyla

MANIFEST.MF dosyasına çift tıklayarak Plug-in Manifest Editor ü açalım. Dependencies den Requried Plugs in deki org.eclipse.ui remove edelim.

Şimdi de src deki Perspective.java sınıfını açalım ve aşağıdaki şekilde içini değiştirelim:

//left.addView( "hellorap.HelloWorldView" );

left.addView( "hellorap.views.SampleView" );

Son olarakta çalıştıralım:

http://www.ibm.com/developerworks/library/os-eclipse-richajax1/index.html#download

da örnek 3 tane proje var. Bu projeleri File – import – General – Existing project into Workspace olarak import edelim. Import ettikten sonra Application.java dosyasında compile time hatası alacağız. Bundan kurtulmak için Hello Rap daki gibi Projelerdeki Application.java dosya larını aşağıdaki şekilde değiştirelim.

public int createUI() {

Display display = PlatformUI.createDisplay();

WorkbenchAdvisor advisor = new ApplicationWorkbenchAdvisor();

return PlatformUI.createAndRunWorkbench( display, advisor );

}

Sonra da aşağıdaki şekilde çalıştıralım:

Rap.mail projesini çalıştırdıktan sonra aşağıdaki şekilde görülecektir.

RAP konusunda detaylı açıklamalar için bakınız:

Rich Ajax Platform, Part 2: Developing applications

http://www.ibm.com/developerworks/library/os-eclipse-richajax2/index.html

Yukarıdaki URL de “The architecture of RAP, Branding, Themes, Custom widgets” gibi konuları bulabilirsiniz.

2008-04-02T01:17:00.000-07:00

XML, XSLT, XSD, JAXB

Hazırlayan: Bilgin Yazar

Bu tutorial da XML hakkında gerekli temel bilgiler verildikten sonra Eclipse de örnek uygulamalar yapılacaktır.

XML Nedir? (Kaynak: İnternet )

XML=eXtensibe Markup Language kelimelerinin baş harflerinden oluşan HTML gibi Markup Language (yani <> tagları kullananılarak hazırlanan ) bir Web programlama ve bilgi transformasyonuna - (uygulamalar ya da sistemler arasında bilgi aktarımı) yarayan bir dildir.

XML verileri(data) tanımlamak için dizayn edilmiştir.

XML tagları HTML deki gibi önceden tanımlanmamıştır. Bu tagları programcı oluşturur. (Örneğin HTML'de <p>(paragraf),<table>(tablo) gibi taglar vardır. Bunlar Browser'ların (örneğin IE) otomatik olarak tanıyabildiği taglardır. Fakat XML de bu tagları kendimiz oluşturuyoruz ve Browser'a tanıtmak (görüntülemek) için XSLT(eXtensible Stylesheet Language) dilini kullanıyoruz.

XSLT Tutorial:

http://edutechwiki.unige.ch/en/XSLT_Tutorial_-_Basics

http://www.w3schools.com/xsl/xsl_intro.asp

http://www.google.com.tr/search?hl=tr&q=basic+xsl+tutorial+&meta=

XML verileri tanımlamak için DTD(Document Type Definition) veya XML Schema kullanır.

Örnek olarak aşağıda invoice(fatura) dokümanı olarak kullanılabilecek xml dokümanı var. Burada fatura da yer alan her bir kalem mal/ürün tanımlanmış. Ayrıca faturadaki para birimi ve faturanın ödeme tarihini (due) tanımlanmış.

<?xml version="1.0" encoding="UTF-8"?>

<name>Apple</name>

</product>

<name>Orange</name>

</product>

<name>Strawberries</name>

</product>

<name>Banana</name>

</product>

</invoice>

XMLSPY isminde xml dokümanları oluşturmak ve xml dokümanları üzerinde çalışmak için güzel bir yazılım var.

http://www.altova.com/products/xmlspy/xml_editor.html

http://www.altova.com/videos.asp?type=0&video=xmlspy

XMLSPY indirip kurduktan sonra File – New –XML Document şeklinde bir xml dokümanı oluşturalım. Sonra içine yukarıdaki fatura xml dokümanını kopyalayalım ve deneme.xml olarak kayıt edelim. Sonra Menüde DTD/Schema dan Generate DTD/Schema seçip xml şemasını da oluşturabiliriz. deneme.xsd olarak kayıt edelim. İçeriğini notepad de görüntülediğimizde:

<?xml version="1.0" encoding="UTF-8"?>

<xs:schema elementFormDefault="qualified" xmlns:xs="http://www.w3.org/2001/XMLSchema">

<xs:element name="invoice">

<xs:complexType>

<xs:sequence>

<xs:element ref="product" maxOccurs="unbounded"/>

<xs:element ref="total"/>

</xs:sequence>

<xs:attribute name="due" type="xs:date" use="required"/>

</xs:complexType>

</xs:element>

<xs:element name="name">

<xs:simpleType>

<xs:restriction base="xs:string">

<xs:enumeration value="Apple"/>

<xs:enumeration value="Banana"/>

<xs:enumeration value="Orange"/>

<xs:enumeration value="Strawberries"/>

</xs:restriction>

</xs:simpleType>

</xs:element>

<xs:element name="price">

<xs:simpleType>

<xs:restriction base="xs:decimal">

<xs:enumeration value="0.08"/>

<xs:enumeration value="0.10"/>

<xs:enumeration value="0.14"/>

<xs:enumeration value="0.20"/>

</xs:restriction>

</xs:simpleType>

</xs:element>

<xs:element name="product">

<xs:complexType>

<xs:sequence>

<xs:element ref="name"/>

<xs:element ref="price"/>

</xs:sequence>

</xs:complexType>

</xs:element>

<xs:element name="total">

<xs:complexType>

<xs:simpleContent>

<xs:extension base="xs:decimal">

<xs:attribute name="currency" type="xs:string" use="required"/>

</xs:extension>

</xs:simpleContent>

</xs:complexType>

</xs:element>

</xs:schema>

Bu şemayı kullanacak xml dosyası da aşağıdaki şekilde olacaktır.

<?xml version="1.0" encoding="UTF-8"?>

<name>Apple</name>

</product>

<name>Orange</name>

</product>

<name>Strawberries</name>

</product>

<name>Banana</name>

</product>

</invoice>

http://www.netbeans.org/ den NetBeans IDE yi indirip herhangi bir proje oluşturduktan sonra xml ve xsd dosyalarımızı açabiliriz. deneme.xsd dosyası tab dan Design tıklandığında aşağıdaki şekilde gösterilmektedir.

Şimdi de fatura dokümanın görüntüsünü tasarlayalım. Faturanın aşağıdaki şekilde görüntülenmesini istiyoruz.

Fatura Bilgileri

Fatura Ödeme Tarihi:

Toplam:

Fatura Kur:

http://www.w3schools.com/xsl/xsl_for_each.asp

Bu fatura dokümanı için XSL dosyasını oluşturmak için NetBeans de ya da XMLSpy da File – New -> XSL şeklinde deneme.xsl oluşturalım. Bu dosyada

Fatura Ödeme Tarihi, Fatura Kur ve Toplam için <xsl:value-of> ini kullanacağız. Detay için bakınız:

http://www.w3schools.com/xsl/xsl_value_of.asp

Tablo şeklindeki Ürün ve Fiyat için ise <xsl:for-each> elementini kullanacağız. Detay için bakınız:

http://www.w3schools.com/xsl/xsl_for_each.asp

Fatura Ödeme Tarihi ve Fatura Kur attribute olduğu için @ kullanılarak değerine erişebiliyoruz.

http://www.xml.com/pub/a/2002/04/03/attributes.html

<?xml version="1.0" encoding="UTF-8"?>

<!--

Document : deneme.xsl

Created on : 26 Mart 2008 Çarşamba, 11:54

Author : byazar

Description:

Purpose of transformation follows.

-->

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

<xsl:output method="html"/>

<!-- TODO customize transformation rules

syntax recommendation http://www.w3.org/TR/xslt

-->

<xsl:template match="/">

<html>

<head>

<title>deneme.xsl</title>

</head>

<body>

<H1>Fatura Bilgileri</H1>

<br> Fatura Ödeme Tarihi:

<xsl:value-of select="invoice/@due" />

</br>

<th>Fiyat</th>

</tr>

<xsl:for-each select="invoice/product">

<tr>

</tr>

</xsl:for-each>

</table>

<br> Toplam:<xsl:value-of select="invoice/total"/> </br>

<br> Fatura Kur:<xsl:value-of select="invoice/total/@currency"/> </br>

</body>

</html>

</xsl:template>

</xsl:stylesheet>

XSL Transformation xml dosyasının xsl dosyası kullanılarak görüntülenmesidir diyebiliriz. Dolayısıyla input olarak deneme.xml kullanılacak, transformasyon sırasında ise deneme.xsl kullanarak html, xml, pdf output formatına dönüştürülebilir.

XSL Transformation XMLSPY ile yapabilmek için menüden XSL -> XSL Transformation tıklayarak ve input dosya olarak deneme.xml i seçerek aşağıdaki şekilde dönüştürüyoruz:

NetBeans de dosya üzerinde sağ tuş ile XSL Transformation seçerek aşağıdaki ekranda OK tıkladıktan sonra Browser da dönüştürelen dosyayı (html) görebiliriz.

JAXB

Şimdi işin biraz da kodlama tarafına bakalım;

http://www.ibm.com/developerworks/library/x-xjavaforum2.html

JAXB API kullanarak XML dokümanlarına kolay bir şekilde erişebiliriz. JAXB dışında da kullanılan librariler mevcut :SAX, DOM, JDOM, and dom4j. Bu API ler dokümanın yapısıyla çok fazla uğraşmak gerektiğinde kullanılması gerekiyor. XML doküman yapısı konusunda uğraşmamız gerekmiyorsa yani xml dokümanindaki verileri okuyup kullanacaksak sadece, bu durumda JAXB kullanmak daha uygun olur.

http://www.ibm.com/developerworks/xml/library/x-xjavaforum5.html

Yukarıdaki şekilde görüldüğü gibi uygulama xml dokümanını unmarshal ile object e dönüştürecek.

c:\xmldeneme dizini altına deneme.xsd ve deneme.xml i kopyalayalım:

ve aşağıdaki şekilde xjc -p com.ibm.dw deneme.xsd çalıştıralım. Aşağıdaki şekilde dosyaları com.ibm.dw dizini altına oluşacaktır.

http://www.ibm.com/developerworks/xml/library/x-pracdb2.html

Şimdi Eclipse açalım ve File –New- Java Project seçerek XMLProject isminde bir proje oluşturalım. Src de sağ tuş ile File – New -> Java Class dan JAXBDeneme isimli sınıfı com.ibm.dw.main de oluşturalım.

Sürükle bırak ile Eclipse com.ibm.dw daki class ları src dizini altına kopyalayalım.

Şimdi de JAXBDeneme.java dosyasının içeriğini aşağıdaki şekilde değiştirelim:

package com.ibm.dw.main;

import javax.xml.bind.JAXBContext;

import javax.xml.bind.JAXBElement;

import javax.xml.bind.Unmarshaller;

import javax.xml.bind.annotation.XmlRootElement;

import com.ibm.dw.*;

import java.io.FileInputStream;

public class JAXBDeneme {

/**

* @param args

public static void main (String args[]) {

try {

String xmlfile = "c:/xmldeneme/deneme.xml";

;

Unmarshaller unmarshaller =null;

Invoice invoice= null;

try {

JAXBContext jaxbContext= JAXBContext.newInstance(new Class[] {com.ibm.dw.Invoice.class});

unmarshaller = jaxbContext.createUnmarshaller();

invoice =(Invoice)

unmarshaller.unmarshal(new FileInputStream(xmlfile));

} catch (Exception e) {

e.printStackTrace();

}

System.out.println("Fatura Bilgileri") ;

System.out.println("Fatura Tarihi: " + invoice.getDue().toXMLFormat()) ;

System.out.println("Fatura Kur: " + invoice.getTotal().getCurrency()) ;

System.out.println("Fatura Toplam: " + invoice.getTotal().getValue()) ;

System.out.println("Ürünler") ;

for (int i=0;i<invoice.getProduct().size();i++)

{

Product product=invoice.getProduct().get(i);

System.out.println("Ürün Adı: " + product.getName()) ;

System.out.println("Ürün Fiyat: " + product.getPrice().toString()) ;

}

}catch (Exception e ) {

e.printStackTrace();

}

Şimdi de JAXBDeneme.java dosyasını Run as – Java Application olarak çalıştıralım. Console da output aşağıdaki şekilde olacaktır.

XML ve Veritabanı

XML veri içerdiğinden dolayı veritabanlarında bu verinin XML olarak depolanması gerekebilir. Bu konuda bakınız:

http://www.ibm.com/developerworks/db2/library/techarticle/dm-0605saracco/

http://www.oracle.com/technology/tech/xml/xmldb/index.html

http://www.oracle.com/technology/obe/11gr1_db/datamgmt/xmldb/xmldb.htm