Photoshop Magazin
 


Indesign CS4 ile İnteraktif Form Hazırlama ve Yayınlama

01 June 2009 | Sayı: Jun 2009
 
1 2 3 4 5
 

Form Sayfamızı Oluşturalım
Öncelikle A4 boyutlarında ve sadece tek sayfadan oluşan bir iş başvuru formu hazırlamayı düşünüyorum. Eğer dilerseniz bir sınav kağıdı veya bir bilgi formu da hazırlayabilirsiniz. Sayfamın sol üst kısmında bir yazı alanı oluşturmak üzere Type Tool (T) aracına tıklıyorum. Dikdörtgen bir yazı alanı oluşturuyorum ve yazı alanına ilk olarak Adı Soyadı: bilgisini yazıyorum.

Bu yazıdan sonra klavyeden tek tek çizgiler koyuyorum... Tabi ki öyle uzun bir işlem yapmıyorum. Böyle bir işlem, klavyeden boşluk basarak bir yazıyı sağa dayama işlemi gibidir. Yazınızda ufak bir değişiklik yaptığınızda çizgiler veya boşluklar kayar. Bu da kötü bir görüntü oluşturur. Bu nedenle Tabs özelliğini kullanıcaz. Type menüsünden Tabs seçeneğine tıklıyorum. Karşıma çıkan panel sayesinde sekme boşluklarını kolaylıkla ayarlayabileceğim. Adı Soyadı: yazısının hemen yanına tıklıyorum ve imlecim yanıp sönerken Tabs panelindeki üçüncü düğmeye, Right Justified Tab düğmesine tıklıyorum. Bu düğme sağa dayalı olarak, sürükleyeceğim yere kadar noktaların yerleşmesini sağlayacak.

Bu düğmeyi cetvel üzerinde sürüklerken bir yandan metin kutucuğumda da hangi noktada olduğumu siyah bir çizgiyle görebiliyorum. Noktaların satır sonuna kadar yerleşmesi için düğmeyi en sağda bırakıyorum. Dilersem aradaki boşluk için nokta yerine altçizgi de kullanabilirim. Hangi karakteri kullanacağımı Tabs panelindeki Leader kutucuğuna yazıyorum. Ben nokta karakterini kullanmayı tercih ediyorum.

Bu panelde gördüğünüz X kutucuğu ise aktif olan düğme ile sekme cetveli üzerinde ne kadar mesafe aldığımızı gösterir. Right justified tab düğmesini sürüklemek yerine düğmeye tıklayıp X kutucuğuna bir uzunluk da yazabilirdim.

Şimdi klavyeden tab tuşuna basıyorum. Adı Soyadı: bilgisinden itibaren satır sonuna kadar noktayla dolduğunu görebiliyorum.

Diğer bir satır için birden fazla sekmeli alan düşünüyorum. Bunun için ilk olarak alt satıra geçiyorum ve Doğum Yeri: bilgisini yazıyorum. Hemen ardından Tabs panelinden Left Justified Tab düğmesine basıyorum ve cetvelin ortasına kadar sürüklüyorum. Bu düğmenin cetveldeki yeri ile diğer bilginin başlangıç noktasını da belirlemiş oluyorum.

Cetveldeki sürükleme işlemi bittikten sonra tab tuşuna basıyorum. İşaretlediğim yere kadar noktaların yerleştiğini görebilirsiniz.

Noktalardan sonra bu sefer Doğum Tarihi: bilgisini yazıyorum. Tabs panelinden Right Justified Tab düğmesini satır sonuna gelecek şekilde cetvel üzerinde sürüklüyorum. Klavyeden tab tuşuna bastığımda noktaların yerleştiğini görebiliyorum.

Diğer bilgi alanlarını da bu yöntemlerle tamamlıyorum. Ancak hatırlatmam gereken bir durum daha var. Her satırda Tabs panelindeki görünümün değiştiğine dikkat edin. Mevcut satırda okların yerini değiştirdiğinizde bu diğer satırları etkilemeyecektir. Ayrıca oklardan birine basıp panelin dışına doğru sürüklerseniz bu düğme silinir ve sekme sınırı ortadan kalkar.


Radio Button ve CheckBoxlar Oluşturalım

Acrobat 9 programında düzenlemek üzere şablonumu oluşturmaya devam ediyorum. Şimdi biraz daha forma işlevsellik katalım. Araç kutusundan Ellipse Tool (L) aracına tıklıyorum ve Shift tuşuna basılı tutarak bir daire çiziyorum. Dairenin hemen yanına Type Tool (T) aracı ile Bay yazıyorum.

Cs4 ün en iyi özelliklerinden biri olan Smart Guides yani akıllı kılavuz çizgileri sayesinde yazının daire hizasında olmasını sağlayabiliyorum. (Eğer bu özellik aktif değilse View/Guides/Smart Guides menüsüne tıklayabilirsiniz.) Her ikisini seçip Alt+Shift tuşları ile bir yanına sürüklüyorum. Bay yazısını Bayan olarak değiştiriyorum.

Hemen ardından Type Tool(T) aracı ile bir metin kutusu oluşturup, Hangi şubelerimizde çalışmak istersiniz? bilgisini yazıyorum. Hemen alt satırına Rectangle Tool (M) aracına tıklayarak küçük bir kare çiziyorum. Karenin yanına Type Tool(T) aracı ile İzmir yazıyorum. Kare çizimim ile İzmir yazısını seçip Alt+Shift yöntemi ile aynı hizada çoğaltarak şehir isimlerini değiştiriyorum.


Son olarak yine Type Tool(T) aracı ile Öğrenim Durumunuz bilgisini yazıyorum. Combobox seçim kutusunu Acrobat programında oluşturmak üzere bir alt satırı boş bırakıyorum. Hazırladığımız bu formu File/Export ile PDF olarak kaydediyoruz. Kaydederken mutlaka Interactive Elements kutucuğunu işaretlemeyi unutmuyoruz.

Adobe Acrobat 9 Programını Çalıştıralım
Indesign ile hazırladığımız iş başvuru formunu düzenlemek için Adobe Acrobat 9 programını çalıştırıyorum. File/Open menüsü ile form.pdf olarak kaydettiğim dosyayı açıyorum. Formda doldurulması gereken alanları veri girişine açmak için; Forms menüsünden Add or Edit fields seçeneğine basıyorum. Acrobat’ın veri girişi için uygun alanları tespit edeceğini açıklayan bir pencere çıkıyor karşıma. Bu bilgilendirme penceresini Tamam düğmesine basarak kapatıyorum. Hemen ardından Acrobat’ın bazı alanları tanımaması durumunda bizim bu alanları ekleyebileceğimizi söyleyen bir pencere daha çıkıyor. Bunu da Ok diyerek kapatıyorum.


Veri Girişlerinin Ayarlarını Değiştirelim
Artık her veri girişini kontrol edebilir ve bu alanları sayfa içerisinde düzenleyebilirim. Bir örnekle açıklamak gerekirse; diyelim ki ev telefonu bilgisinin sadece rakamlardan oluşmasını istiyorum ve bu bilgiyi zorunlu kılıyorum. Bu ayarları yapabilmek için ev telefonuna ait hücreye çift tıklıyorum ve karşıma çıkan panelden ilk olarak Required yani zorunlu seçeneğini işaretliyorum. Ardından Format sekmesinden Special-Phone Number olarak veri formatını belirliyorum.


Pencerenin sağ üst köşesinde bulunan Close Form Editing düğmesi ile düzenleme modundan çıkıyorum. Telefon girişini test ediyorum. Harf girişini yapamadığımı ve hatta 10 karakterden fazla rakama basamadığımı görüyorum.

RadioButton Ekleyelim
Veri girişi yaparken Bay ve Bayan seçeneklerinden sadece birinin işaretlenebilmesi için bu seçenekleri radyo butonları olarak tanımlamak gerekir. Bunun için düzenleme modundayken (Forms/Add or Edit Fields) pencerenin sol üst köşesinde (menü çubuğunda) bulunan Add New Fields - Radio Button menüsüne tıklıyorum. Daireleri kaplayacak şekilde iki defa radyo butonu oluşturuyorum. Düzenleme modundan çıkıp radyo butonlarımı test ediyorum.


Buton görünümünü yuvarlak daire şeklinde değil de tik işareti şeklinde görünmesini istediğim için tekrar düzenleme moduna (Forms/Add or Edit Fields) geçiyorum. Radyo butonlardan bir tanesine çift tıklıyorum. Karşıma çıkan pencereden buton stilini check olarak belirliyorum. Bu işlemi diğer radyo butonu için de yapıyorum.

CheckBox ve Combobox Ekleyelim
Checkbox kutularından eklemek için Add New Fields - CheckBox menüsüne tıklıyorum. Ve üç defa kutu çizimi yapıyorum. (Dilerseniz bu kutulara çift tıklayarak Options menüsünden radyo butonunda yaptığımız gibi görünümünü değiştirebilirsiniz.)
Öğrenim Durumu olarak tanımladığımız alan için birden fazla seçeneğe ihtiyacım var. Add New Fields - Combo Box menüsüne tıklıyorum.


Hemen yazının altında seçim kutusu oluşturuyorum. Combo box’ı oluşturduktan sonra Show all Properties ile veya nesneye çift tıklayarak özellikler penceresine ulaşıyorum. İlk olarak öğrenim durumlarını girmek için Options sekmesindeki Item kutucuğuna
öğrenim durumlarını yazıyorum ve Add düğmesine basıyorum. Hepsini ekledikten sonra formda ilk olarak görünmesini istediğim
üniversite seçeneğine bir kez tıklayarak işaretliyorum.

 

Gönder Butonunu Hazırlayalım
Veri girişleri tamamlandıktan sonra bilgilerin gönderilmesi için bir de Gönder butonu tasarlayacağız. Add New Fields - Button menüsü ile sayfamın sağ altına bir buton çiziyorum. Butona çift tıklayarak özellikler penceresini açıyorum. Butonun üzerinde Gönder yazısının görünmesi için Label Over Icon seçeneğini işaretliyor ve Label kutucuğuna Gönder yazıyorum.

Butonun görüntüsünü ayarladıktan sonra sıra görevini tanımlamaya geldi. Bunun için Actions sekmesinden Mouse Down (Fare ile basıldığında) olayını seçiyorum. Fare ile basıldığında formu göndermesi için Submit Form seçeneğini işaretliyorum. Ardından görevi eklemek üzere Add düğmesine basıyorum.


Karşıma çıkan pencereden formu kime, nasıl formatta göndereceğimi belirlemem gerekiyor. Ben tüm formların doldurulduğunda bana ulaşması için mailto:[email protected] mail adresini giriyorum. Formun PDF formatında elime ulaşması için de PDF The Complete Document seçeneğini işaretliyorum

Formu Yayınlayalım
Form ile ilgili tüm ayarlarımızı ve eklentilerimizi bitirdikten sonra sıra geldi formumuzu yayınlamaya. Bunun için Forms/Distrubute Forms menüsüne tıklıyorum. Karşıma çıkan pencereden formu dağıtma ayarlarını belirliyorum. İlk seçeneği eğer bir Acrobat hesabınız var ise tercih edebilirsiniz. Üçüncü seçeeği bir Sharepoint server hesabınız varsa bu servera bilgilerin aktarılmasını sağlayabilirsiniz. İkinci seçenek ise sadece bir mail adresi olan alıcı için de yeterlidir. Ben ikinci seçenek olan Manually collect responses in my email inbox seçeneğine tıklıyorum.


Next düğmesine tıklıyorum. Formun alıcılara acrobat ile gönderilmesi için Send it automatically using Adobe Acrobat seçeneğini
işaretliyorum. Ve tekrar Next düğmesine tıklıyorum. Son olarak formun gönderileceği kişilerin mail adreslerini giriyorum.
To düğmesine basarak outlook adresimde kayıtlı olan kullanıcıları da ekleyebiliyorum. Subject ve Message bilgilerini de istediğim şekilde değiştiriyorum. Send düğmesine bastıktan sonra Acrobatın gerekli adreslere formu göndermesini bekliyorum.
İş başvuru formunu doldurucak olan alıcıların da gerekli Acrobat Reader sürümünü indirmeleri gerekmektedir. Formu doldurduktan sonra Gönder düğmesine basan alıcılar kendi e-mail adreslerini ve adlarını girecekleri bir pencereyle karşılaşırlar.

Veri girişini yaptıktan sonra tekrar Send düğmesine basmaları yeterli olur.

 

Formları Denetleyelim


Gönderdiğim pdf belgelerini, bana ulaşan pdf dosyalarını veya cevabı gelmeyen dosyaları takip edebilmek için Forms/Track Forms menüsüne tıklamam yeterli olacaktır. Distributed ile gönderdiğim pdf dosyaları, Received ile bana ulaşan pdf dosyaları görebilirim. Bana ulaşan pdf dosyalarından bir tanesine tıklayıp Get Started düğmesine bastığımda tüm verileri alan isimlerine göre sıralanmış bir halde görebilirim. İstediğim bilgiye göre filtreleme yapabilirim. Umarım bu yararlı çalışmadan keyif almışsınızdır.

 

June 2009

 


Indesign