GRAFİK VE ANİMASYON DERSİ

GRAFİK VE ANİMASYON DERSİ MODÜL ADI SÜRESİ GÖRÜNTÜ İŞLEME 40/32 RESİMLERLE WEB ARAÇLARI HAZIRLAMA 40/32 ANİMASYON TEMELLERİ 40/32 WEB ORTAMI İÇİN ANİMASYON HAZIRLAMA 40/32 ETKİLEŞİMLİ ANİMASYONLAR 40/32 GELİŞMİŞ ANİMASYONLAR 40/32

DERS BİLGİ FORMU DERSİN ADI ALAN MESLEK / DAL DERSİN OKUTULACAĞI SINIF/YIL SÜRE DERSİN AMACI DERSİN TANIMI DERSİN ÖN KOŞULLARI DERS İLE KAZANDIRILACAK GRAFİK VE ANİMASYON BİLİŞİM TEKNOLOJİLERİ WEB PROGRAMCILIĞI 11. veya 12. SINIF Haftalık 6 Ders Saati önerilmektedir. (Teknik Lise ve Anadolu Teknik Liselerde 5 Ders Saati) (Bölgesel özellikler, okuldaki donanım ve çerçeve öğretim programı doğrultusunda zümre kararı ile seçilen modüllere göre ders süresi hesaplanır.) Bu derste öğrenciye; resim ve animasyon düzenleme yazılımları ile web sayfaları için resim ve animasyonlar hazırlayabilme ve eylem kodları ile gelişmiş animasyonlar oluşturma yeterliklerini kazandırmak amaçlanmaktadır. Görüntü işleme ve animasyon düzenleme yazılımları ile ilgili konularda gerekli bilgilerin verildiği derstir. Bu ders için ön koşul yoktur. Bu dersin sonunda; 1. Web sayfaları için resimler hazırlamak 2. Resimler ile web araçları hazırlamak 3. Web sayfaları için animasyonlar hazırlamak 4. Animasyonlar ile web araçları hazırlamak 5. Eylem kodlarını kullanarak etkileşimli animasyonlar hazırlamak 6. Eylem kodlarını kullanarak gelişmiş animasyonlar hazırlamak yeterliklerini kazanacaktır. 1

DERSİN İÇERİĞİ YÖNTEM VE TEKNİKLERİ EĞİTİM ÖĞRETİM ORTAMI VE DONANIM ÖLÇME VE DEĞERLENDİRME EĞİTİMCİLER İŞBİRLİĞİ YAPILACAK KURUM VE KURULUŞLAR 1. Resim düzenleme 2. Araçlar paneli 3. Vektör araçları 4. Katmanlar 5. Metin işlemleri 6. Gelişmiş teknikler 7. Düğmeler 8. Dilimler ve etkin bölgeler 9. Optimizasyon ve aktarma işlemleri 10. Gif animasyonları 11. Maskeleme ve açılır menüler 12. Animasyon temelleri 13. Grafikler 14. Metin işlemleri 15. Semboller 16. Animasyon oluşturmak 17. Ses ve videolar 18. Ekranlar 19. Formlar 20. Dinamik veriler 21. Yazılım optimizasyonu 22. Animasyon yayını 23. Actionscript temelleri 24. Fonksiyonlar 25. Olaylar (Event) 26. Sınıflar (Classs) 27. Karar yapıları 28. Matematik işlemleri 29. Metin ve dizeler 30. Grafik ve animasyon 31. Çoklu ortam işlemleri 32. Gelişmiş etkileşim ile ilgili konuları içermektedir. Gösteri, anlatım, araştırma, gözlem, soru-cevap, uygulama. Ortam: Bilişim Teknolojileri laboratuvarı, işletme ortamı. Donanım: Projeksiyon, bilgisayar, görüntü işleme programı, animasyon düzenleme programı. Millî Eğitim Bakanlığı Ortaöğretim Kurumları Sınıf Geçme ve Sınav Yönetmeliği ne uygun olarak modül ve ders sonunda ölçme araçları kullanılarak ölçme ve değerlendirme yapılacaktır. 1. Millî Eğitim Bakanlığına bağlı eğitim kurumlarına öğretmen olarak atanacaklardan atamalarına esas olan alanlar ile mezun oldukları yükseköğretim programları ve aylık karşılığı okutacakları derslere ilişkin çizelgeye uygun olanlar görev almalıdır. 2. Programın uygulanmasında gerektiğinde alanında sektör deneyimi olan usta öğretici, teknisyen ve meslek elemanlarından yararlanılabilir. Diğer alan öğretmenleri, üniversiteler, sosyal ortaklar, sivil toplum kuruluşları, çevrede bulunan işletmeler, özel, kamu kurum ve kuruluşlarıdır. 2

MODÜL BİLGİ SAYFASI ALAN MESLEK/DAL DERS MODÜL KODU : BİLİŞİM TEKNOLOJİLERİ : WEB PROGRAMCILIĞI : GRAFİK VE ANİMASYON : GÖRÜNTÜ İŞLEME : 482BK0151 SÜRE : 40/32 ÖN KOŞUL ÖĞRETİM YÖNTEM VE TEKNİKLERİ AÇIKLAMA GENEL AMAÇ AMAÇLAR : Bu modül için ön koşul yoktur. : Anlatım, göstererek yaptırma, problem çözme, sorucevap, grup çalışması, uygulamalı çalışma, araştırma ve bireysel öğretim yöntem ve teknikleri uygulanabilir. : Bu modül için ön koşul yoktur. : Öğrenci, bu modül ile gerekli ortam sağlandığında; web sayfaları için resimler hazırlayabilecektir. : Bu modül için ön koşul yoktur. İÇERİK : 1. RESİM DÜZENLEME 1. Resim düzenleme programının giriş ayarlarını yapabilecektir. 2. Menü ve araç çubuklarını kullanabilecektir. 3. Vektör araçlarını kullanabilecektir. 4. Katman işlemlerini gerçekleştirebilecektir. 5. Metin düzenleme işlemlerini gerçekleştirebilecektir. 6. Gelişmiş teknikleri uygulayabilecektir. 1.1. Temel Kavramlar 1.1.1. Piksel 1.1.2. Nokta ve Nokta Aralığı (Dot ve Dot Pitch) 1.1.3. Çözünürlük 1.1.4. Rezolasyon 1.1.5. LPI (Line Per Inch) 1.1.6. DPI (Dot Per Inc) 1.2. Görüntü Formatları 1.2.1. PICT 1.2.2. EPS 1.2.3. TIFF 1.2.4. JPG 1.2.5. BMP 1.2.6. GIF 3

1.2.7. PNG 1.2.8. PSD 1.3. Başlangıç Sayfası 1.3.1. Yeni Bir Belge Oluşturma 1.4. Araç Kutusu Paneli 1.5. Kayan ve Kenetlenmiş Panel Grupları 1.6. Özellik Denetçisi (Properties) Paneli 2. ARAÇLAR PANELİ 2.1. Bitmap Seçim Araçlarını (Marquee Tools) Kullanmak 2.2. Seçim Araçları 2.3. Kırpma Aracı 2.4. Sihirli Değnek (Magic Wand) Aracı 2.5. Kement (Lasso) Araçları 2.6. Lastik Damga (Rubber Stamp) Aracı 2.7. Silgi (Eraser) Aracı 2.8. Leke (Smudge) Aracı 2.9. Kırmızı Göz Kaldırma (Red Eye Removal) Aracı 2.10. Bitmap Nesnelerini Düzenlemek 2.11. Görüntü Büyütme Oranını Değiştirme 2.12. Tuval Rengini (Canvas Color) Değiştirme 2.13. Bilgi (Info) Paneli 2.14. Seçimi Kaydetme 2.15. Düzeyleri Ayarlama 2.16. Gama Ayarı 2.17. Seçimler Ekleme ve Çıkarma 2.18. Resmi Ölçekleme (Scale) 2.19. Resmin Boyutunu Değiştirme 2.20. Bir Seçimi Kopyalama 2.21. Bir Seçimi Taşıma 2.22. İlave Seçim Seçenekleri 3. VEKTÖR ARAÇLARI 3.1. Cetveller ve Kılavuzlar 3.2. Elips Aracı 3.2.1. Elips Aracının Özellikleri 3.3. Dikdörtgen (Rectangle) Aracı 3.4. Çokgen (Polygon) Aracı 3.5. Ölçek (Scale) Aracı 3.6. Kopya Oluşturma 3.7. Nesne Döndürme 3.8. Geçmiş (History) Paneli 3.9. İçine Yapıştırma (Paste Inside) ile Maskeleme 3.10. Aktif Filtreler 3.11. Stiller 3.12. Nesneleri Gruplama 3.13. Grafikler 3.14. Tuvali Kırpma 4. KATMANLAR 4.1. Katman (Layer) Paneli 4.2. Katman Ekleme ve Adlandırma 4.2.1. Yeni Katman Ekleme 4.2.2. Katmanları Yeniden Adlandırma 4

4.3. Nesne Boyutunu ve Yerleşimin Ayarlama 4.4. Katman Kilitleme 4.5. Katman Gösterme ve Gizleme 4.6. Renk Seçme 4.7. Yuvarlak Köşeli Dikdörtgenler Çizme 4.8. Otomatik Şekiller 4.9. Doku ve Gölge Ekleme 4.9.1. Doku Ekleme 4.9.2. Gölge ekleme 4.10. Katman Yığın Sırası 4.11. Tek Katmanlı Düzenleme 4.12. Varsayılan Renkleri Ayarlama 4.13. Nesneleri Hizalama 5. METİN İŞLEMLERİ 5.1. Metin Ekleme 5.2. Metin Hizalama ve Girinti Yapma 5.3. Yazım Denetimi 5.4. Metin Alma 5.5. Metin Düzenleyici 5.6. Çizgi Aracı 5.7. Alt Seçim (Subselection) Aracı 5.8. Nitelik Yapıştırmayı Kullanma 5.9. Ok Uçları Ekleme 6. GELİŞMİŞ TEKNİKLER 6.1. Şekilleri Birleştirme 6.2. Nesne (Repeat) Çoğaltma 6.3. Bir CD Oluşturma 6.4. Renk (Degrade) Tonlaması 6.5. Matlık (Opaklık) Ayarı 6.6. Bir Yol Boyunca Metin Ekleme 6.7. Kesişme (Intersect) ve Kırpma (Crop) Komutları 6.8. Metni Yollara Dönüştürme 6.9. Dönüşümler ÖLÇME VE DEĞERLENDİRME: Öğrenci, aşağıdaki performans ölçütlerini yerine getirecektir. 1. Resim düzenleme işlemlerine ait temel kavramları yazılı/sözlü/görsel olarak 2. açıklar. 3. Görüntü formatlarını ve özelliklerini yazılı/sözlü/görsel olarak açıklar. 4. Resim düzenleme programına ait giriş ayarlarını ihtiyaca uygun şekilde hatasız olarak yapar. 5. İhtiyaca uygun menü seçeneklerini kullanır. 6. Araç çubuklarını, ihtiyaca uygun şekilde hatasız olarak kullanır. 7. İhtiyaca uygun vektör araçlarını hatasız olarak kullanır. 8. Katman kavramını ve özelliklerini yazılı/sözlü/görsel olarak açıklar. 9. İhtiyaca uygun katman işlemlerini hatasız olarak gerçekleştirir. 10. İhtiyaca uygun metin düzenlemelerini hatasız olarak gerçekleştirir. 11. Resim üzerinde ihtiyaç duyulan gelişmiş teknikleri hatasız olarak uygular. 5

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 1 İŞLEMİN ADI Resim düzenleme programının giriş ayarlarını yapmak Web sayfaları için resimler hazırlamak Bilgisayar, internet bağlantısı Resim düzenleme programının menü ve panel ayalarını hatasız yapmak 1. Yeni belge oluşturmak 2. Araç kutusunu kullanmak 3. Panelleri kullanmak 1. RESİM DÜZENLEME 1.1. Temel Kavramlar 1.1.1. Piksel 1.1.2. Nokta ve Nokta Aralığı (Dot ve Dot Pitch) 1.1.3. Çözünürlük 1.1.4. Rezolasyon 1.1.5. LPI (Line Per Inch) 1.1.6. DPI (Dot Per Inc) 1.2. Görüntü Formatları 1.2.1. PICT 1.2.2. EPS 1.2.3. TIFF 1.2.4. JPG 1.2.5. BMP 1.2.6. GIF 1.2.7. PNG 1.2.8. PSD 1.3. Başlangıç Sayfası 1.3.1. Yeni Bir Belge Oluşturma 1.4. Araç Kutusu Paneli 1.5. Kayan ve Kenetlenmiş Panel Grupları 1.6. Özellik Denetçisi (Properties) Paneli 1. Resim düzenleme yazılımına ait temel menü işlemlerini yapmak 2. Panel işlemlerini yapmak 1. Resmin özelliklerine dikkat etmek 2. Menü özelliklerine dikkat etmek 3. Panel özelliklerine dikkat etmek SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 4 ders saati 6

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 2 İŞLEMİN ADI Menü ve araç çubuklarını kullanmak Web sayfaları için resimler hazırlamak 1. Yeni bir belge oluşturmak 2. Görüntü büyütme oranını değiştirmek 3. Tuval rengini değiştirmek 4. Kırpma aracını kullanmak 5. Bilgi panelini kullanmak 6. Sihirli seçim aracını kullanmak 7. Seçimi kaydetmek 8. Kement araçlarını kullanmak 9. Seçimleri eklemek ve çıkarmak 10. Resim boyutunu değiştirmek 11. Seçimi kopyalamak 12. Damga aracını kullanmak 13. Yumuşatma aracını kullanmak 14. Silgi aracını kullanmak 15. Alan seçim aracını kullanmak 16. Yapılan seçimi taşımak Bilgisayar, internet bağlantısı Resim düzenleme araçlarına ait özellikleri hatasız kullanmak 2. ARAÇLAR PANELİ 1. Resmi yeniden boyutlandırmak 2.1. Bitmap Seçim Araçlarını 2. Resimde istenilen yeri seçmek 3. Resimde seçili bir alanı taşımak (Marquee Tools) 4. Resmi kırpmak Kullanmak 5. Resimde istenilen bölümü silmek, 2.2. Seçim Araçları kopyalamak ve taşımak 2.3. Kırpma Aracı 6. Resmi ölçeklendirmek 2.4. Sihirli Değnek (Magic Wand) Aracı 2.5. Kement (Lasso) Araçları 2.6. Lastik Damga (Rubber Stamp) Aracı 2.7. Silgi (Eraser) Aracı 2.8. Leke (Smudge) Aracı 2.9. Kırmızı Göz Kaldırma (Red Eye Removal) Aracı 2.10. Bitmap Nesnelerini Düzenlemek 2.11. Görüntü Büyütme Oranını Değiştirme 2.12. Tuval Rengini (Canvas Color) Değiştirme 2.13. Bilgi (Info) Paneli 1. Seçim özelliklerine dikkat etmek 2. Resmi boyutlandırma ve ölçeklendirme işlemlerinde dikkatli olmak 7

2.14. Seçimi Kaydetme 2.15. Düzeyleri Ayarlama 2.16. Gama Ayarı 2.17. Seçimler Ekleme ve Çıkarma 2.18. Resmi Ölçekleme (Scale) 2.19. Resmin Boyutunu Değiştirme 2.20. Bir Seçimi Kopyalama 2.21. Bir Seçimi Taşıma 2.22. İlave Seçim Seçenekleri SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 8

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 3 İŞLEMİN ADI Vektör araçlarını kullanmak Web sayfaları için resimler hazırlamak Bilgisayar, internet bağlantısı Vektör araçlarını ve özelliklerini hatasız kullanmak 1. Cetvelleri ve kılavuzları görüntülemek 2. Elips aracını kullanmak 3. Seçim aracını kullanmak 4. Kement aracını kullanmak 5. Ölçeklendirme aracını kullanmak 6. Bir kopya oluşturmak 7. Bir nesneyi döndürmek 8. Geçmiş panelini kullanmak 9. Maskeleme yapmak 10. Aktif efektler vermek 11. Filtreler uygulamak 12. Bir stil olarak kaydetmek 13. Nesneleri gruplamak 14. Grafikleri almak 3. VEKTÖR ARAÇLARI 3.1. Cetveller ve Kılavuzlar 3.2. Elips Aracı 3.2.1. Elips Aracının Özellikleri 3.3. Dikdörtgen (Rectangle) Aracı 3.4. Çokgen (Polygon) Aracı 3.5. Ölçek (Scale) Aracı 3.6. Kopya Oluşturma 3.7. Nesne Döndürme 3.8. Geçmiş (History) Paneli 3.9. İçine Yapıştırma (Paste Inside) ile Maskeleme 3.10. Aktif Filtreler 3.11. Stiller 3.12. Nesneleri Gruplama 3.13. Grafikler 3.14. Tuvali Kırpma 1. Resim üzerinde elips aracı özelliklerini kullanmak 2. Seçim araçlarını kullanmak 3. Seçili alanı filtrelemek 1. Seçim özelliklerine dikkat etmek 2. Boyutlandırma ve ölçeklendirme işlemlerinde dikkatli olmak 3. Nesneleri gruplandırırken dikkatli olmak SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 9

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 4 İŞLEMİN ADI Katman işlemlerini gerçekleştirmek Web sayfaları için resimler hazırlamak Bilgisayar, internet bağlantısı Resme, ihtiyaca uygun katman veya katmanlar ekleyerek; katman işlemlerini hatasız yapar 1. Katman panelini kullanmak 2. Katmanlar eklemek ve adlandırmak 3. Bir katmanı yeniden adlandırmak 4. Bir katmanı kilitlemek 5. Bir katmanı göstermek ve gizlemek 6. Renkleri seçmek 7. Yuvarlak köşeli dikdörtgenler çizmek 8. Otomatik şekilleri kullanmak 9. Doku ve gölge eklemek 10. Bir katman üzerindeki yığın sırasını değiştirmek 11. Tek katmanlı düzenlemeyi kullanmak 12. Varsayılan renkleri ayarlamak 13. Nesneleri hizalamak SÜRE: İşlemin Yapılma Süresi: 2 saat 4. KATMANLAR 4.1. Katman (Layer) Paneli 4.2. Katman Ekleme ve Adlandırma 4.2.1. Yeni Katman Ekleme 4.2.2. Katmanları Yeniden Adlandırma 4.3. Nesne Boyutunu ve Yerleşimin Ayarlama 4.4. Katman Kilitleme 4.5. Katman Gösterme ve Gizleme 4.6. Renk Seçme 4.7. Yuvarlak Köşeli Dikdörtgenler Çizme 4.8. Otomatik Şekiller 4.9. Doku ve Gölge Ekleme 4.9.1. Doku Ekleme 4.9.2. Gölge ekleme 4.10. Katman Yığın Sırası 4.11. Tek Katmanlı Düzenleme 4.12. Varsayılan Renkleri Ayarlama 4.13. Nesneleri Hizalama 1. Katman oluşturmak 2. Katmanları adlandırmak 3. Katmanı kilitlemek 4. Katmanda bulunan nesneleri gizlemek ve göstermek 5. Katmanı renklendirmek 6. Katmanda bulunan nesnelere doku ve gölge eklemek 7. Katmanları sıralamak 1. Planlı olmak 2. Düzenli olmak 3. Sabırlı olmak 4. Katman özelliklerine dikkat etmek İşlemi Öğrenme Süresi: 6 ders saati 10

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 5 İŞLEMİN ADI Metin düzenleme işlemlerini gerçekleştirmek Web sayfaları için resimler hazırlamak Bilgisayar, internet bağlantısı Metin araçlarını kullanarak, resim üzerine metinler ekleme ve eklenen metinler üzerinde düzenlemeleri hatasız olarak yapmak 1. Metin eklemek 2. Metni hizalamak ve girintilerini ayarlamak 3. Yazımı denetlemek 4. Metni almak (import) 5. Metin düzenleyiciyi kullanmak 6. Biçim yapıştırmayı kullanmak 5. METİN İŞLEMLERİ 5.1. Metin Ekleme 5.2. Metin Hizalama ve Girinti Yapma 5.3. Yazım Denetimi 5.4. Metin Alma 5.5. Metin Düzenleyici 5.6. Çizgi Aracı 5.7. Alt Seçim (Subselection) Aracı 5.8. Nitelik Yapıştırmayı Kullanma 5.9. Ok uçları Ekleme 1. Çalışma alanına metin eklemek 2. Metin ayarlarını yapmak 3. Metnin yazım denetimini yapmak 4. Metni biçimlendirmek 1. Metin özelliklerine dikkat etmek 2. Katman işlemlerini yapmak SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 11

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 6 İŞLEMİN ADI Gelişmiş teknikleri uygulamak Web sayfaları için resimler hazırlamak Bilgisayar, internet bağlantısı Gelişmiş teknikleri kullanarak resim üzerinde ileri işlemler yapmak 1. Şekilleri birleştirmek 2. Nesneleri çoğaltmak 3. Opaklığı değiştirmek 4. Bir yol boyunca metin eklemek 5. Metni yollara dönüştürmek 6. Dönüşümler uygulamak 6. GELİŞMİŞ TEKNİKLER 6.1. Şekilleri Birleştirme 6.2. Nesne (Repeat) Çoğaltma 6.3. Bir CD Oluşturma 6.4. Renk (Degrade) Tonlaması 6.5. Matlık (Opaklık) Ayarı 6.6. Bir Yol Boyunca Metin Ekleme 6.7. Kesişme (Intersect) ve Kırpma (Crop) Komutları 6.8. Metni Yollara Dönüştürme 6.9. Dönüşümler 1. Birden fazla şekli birleştirmek 2. Nesneleri birden fazla kullanmak 3. Nesne üzerinde opak ayarı yapmak 4. Bir metni istenilen nesneye uyumlu hale getirmek 5. Birden fazla nesnenin birleştirilmesi işlemlerinde kesişme ve kırpma komutlarını kullanmak 1. Şekilleri birleştirme işlemlerinde dikkatli olmak 2. Şekillerin birleştirilmesi sırasında kullanılan komutlara dikkat etmek SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 4 ders saati 12

MODÜL BİLGİ SAYFASI ALAN MESLEK/DAL DERS MODÜL KODU : BİLİŞİM TEKNOLOJİLERİ : WEB PROGRAMCILIĞI : GRAFİK VE ANİMASYON : RESİMLERLE WEB ARAÇLARI HAZIRLAMA : 482BK0169 SÜRE : 40/32 ÖN KOŞUL : Görüntü İşleme modülünü tamamlamış olmak. AÇIKLAMA : ÖĞRETİM YÖNTEM VE TEKNİKLERİ GENEL AMAÇ : Anlatım, göstererek yaptırma, problem çözme, sorucevap, grup çalışması, uygulamalı çalışma, araştırma ve bireysel öğretim yöntem ve teknikleri uygulanabilir. : Öğrenci, bu modül ile gerekli ortam sağlandığında; resimler ile web araçları hazırlayabilecektir. AMAÇLAR : 1. Düğmeler oluşturabilecektir. 2. Etkin resim bölgeleri oluşturabilecektir. 3. Aktarma (export) işlemi ve optimizasyon yapabilecektir. 4. Hareketli resimler (GIF) oluşturabilecektir. 5. Maskeleme işlemlerini gerçekleştirebilecek ve açılır menüler oluşturabilecektir. İÇERİK : 1. DÜĞMELER 1.1. Düğme Düzenleyicisi (Buton Editor) 1.2. Yeni Bir Düğme Ekleme 1.3. Düğmeleri Değiştirme 1.4. Düğmelere Ad Verme ve Bağlantı Ekleme 1.5. Düğmeleri Alma 1.6. Grafikleri Düğmeye Dönüştürme 2. DİLİMLER VE ETKİN BÖLGELER 2.1. Etkin Resim Bölgesi (Image Map) Oluşturma 2.2. Web Katmanıyla Çalışma 2.3. Resmi Dilimleme 2.4. Dönüşümlü Resimler (Rollover) Oluşturma 2.5. Durum Ekleme 2.6. Davranış Ekleme 13

2.7. Yeni Dilimler Ekleme 2.8. Tam Ekran Görüntüleme 3. OPTİMİZASYON VE AKTARMA İŞLEMİ 3.1. Dışa Aktarma Sihirbazı (Export Wizard) 3.2. Resmin Dosya Türünü Seçme 3.3. Önizleme Düğmesi 3.4. Mevcut Optimizasyon Ön Ayarları 3.5. Aktarma İşlemleri 3.5.1. JPEG Resimlerini Gönderme 3.5.2. Tarayıcıda Önizleme 3.5.3. HTML Olarak Dışa Aktarma 3.5.4. Hızlı Aktarma Düğmesi 3.6. Slayt Gösterisi İle Resimlerin Dışa Aktarılması 4. GIF ANİMASYONLARI 4.1. Animasyon Oluşturma 4.2. Soğan Zarı (Onion Skin) Kullanma 4.3. Katman Paylaşma 4.4. Animasyon Sembolleri 4.5. Oynatımı Kontrol Etme 4.6. Bir GIF Dosyasına Aktarma 4.7. Aktarma Önizlemesini Kullanma 4.8. Ara Kareler Doldurmak (Tweening) 4.9. Efektlere Dolgu Uygulama 5. MASKELEME VE AÇILIR MENÜLER 5.1. Bir Şablon Oluşturma 5.2. Bir Resmi Maskeleme 5.2.1. Bitmap maskeleri oluşturma 5.2.2. Vektör maskeleri oluşturma 5.3. Katman Panelini Kullanarak Maskeleme Yapma 5.4. Metni Bir Maske Olarak Kullanma 5.5. Metin Dilimi Oluşturma 5.6. Açılır Menü Ekleme 5.7. Açılır Menüyü Düzenleme ÖLÇME VE DEĞERLENDİRME: Öğrenci, aşağıdaki performans ölçütlerini yerine getirecektir. 1. Görüntü işleme programı içindeki düğme düzenleyicisinin yapısını ve özelliklerini yazılı/sözlü/görsel olarak açıklar. 2. İhtiyaca uygun düğme işlemlerini (ekleme, değiştirme, alma) hatasız olarak gerçekleştirir. 3. Etkin resim bölgensin özelliklerini yazılı/sözlü/görsel olarak açıklar. 4. İhtiyaca uygun etkin resim bölgesi düzenlemelerini hatasız olarak gerçekleştirir. 5. Aktarma sihirbazını kullanarak ihtiyaca uygun aktarma işlemlerini yapar. 6. İhtiyaca uygun optimizasyon ayarlarını yapar. 7. İhtiyaca uygun GIF animasyonlarını hatasız şekilde oluşturur. 8. GIF animasyonları üzerinde ihtiyaç duyulan düzenlemeleri yapar. 9. Resim üzerinde ihtiyaç duyulan maskeleme işlemlerini yapar. 10. Web sayları için açılır menüleri hatasız olarak hazırlar. 11. Açılır menüler üzerinde ihtiyaç duyulan düzenlemeleri yapar. 14

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 1 İŞLEMİN ADI Düğmeler oluşturmak Resimler ile web araçları hazırlamak Bilgisayar, internet bağlantısı İhtiyaca uygun düğmeleri hatasız oluşturmak 1. Yeni bir düğme eklemek 2. Düğmeleri değiştirmek 3. Düğmelere bir ad vermek ve bağlantı eklemek 4. Düğmeleri aktarmak (import) 5. Grafikleri düğmeye dönüştürmek 1. DÜĞMELER 1.1. Düğme Düzenleyicisi (Buton Editor) 1.2. Yeni Bir Düğme Ekleme 1.3. Düğmeleri Değiştirme 1.4. Düğmelere Ad Verme ve Bağlantı Ekleme 1.5. Düğmeleri Alma 1.6. Grafikleri Düğmeye Dönüştürme 1. Düğme eklemek 2. Düğme düzenleyicisini kullanmak 3. Düğme özelliklerini değiştirmek 4. Grafikleri düğmelere dönüştürmek 1. Düğmelerin adlandırılması işlemlerinde yazılım dili özelliklerine dikkat etmek SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 15

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 2 İŞLEMİN ADI Etkin resim bölgeleri oluşturmak Resimler ile web araçları hazırlamak Bilgisayar, internet bağlantısı Etkin resim bölgelerini hatasız oluşturmak 1. Image map (etkin resim noktası) oluşturmak 2. Web katmanıyla çalışmak 3. Bir resmi dilimlemek 4. Ayrık rolloverlar oluşturmak 5. Kareler eklemek 6. Bir davranış eklemek 7. Tam ekran görüntülemek 8. Yeni dilimler eklemek 2. DİLİMLER VE ETKİN BÖLGELER 2.1. Etkin Resim Bölgesi (Image Map) Oluşturma 2.2. Web Katmanıyla Çalışma 2.3. Resmi Dilimleme 2.4. Dönüşümlü Resimler (Rollover) Oluşturma 2.5. Durum Ekleme 2.6. Davranış Ekleme 2.7. Yeni Dilimler Ekleme 2.8. Tam Ekran Görüntüleme 1. Nesnenin aktif bölge alanını ile çalışmak 2. Nesneye Web katmanıyla eklemek ve çalışmak 3. Resimleri dilimleme işlemlerini yapmak 4. Nesnelere davranış eklemek 1. Aktif bölge alanı özelliklerine dikkatli olmak 2. Nesnelerin dilimleme işlemlerine dikkat etmek 3. Davranış ekleme işlemlerinde dikkatli olmak 4. Düzenli olmak 5. Sabırlı olmak 6. Titiz olmak SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 16

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 3 İŞLEMİN ADI Aktarma (export) işlemi ve optimizasyon yapmak Resimler ile web araçları hazırlamak Bilgisayar, internet bağlantısı Aktarma ve optimizasyon işlemlerini hatasız olarak yapmak 1. Aktarma sihirbazını kullanmak 2. Resmin dosya türünü seçmek 3. Önizleme düğmesini kullanmak 4. Mevcut optimizasyon ön ayarlarını kullanmak 3. OPTİMİZASYON VE AKTARMA İŞLEMİ 3.1. Dışa Aktarma Sihirbazı (Export Wizard) 3.2. Resmin Dosya Türünü Seçme 3.3. Önizleme Düğmesi 3.4. Mevcut Optimizasyon Ön Ayarları 3.5. Aktarma İşlemleri 3.5.1. JPEG Resimlerini Gönderme 3.5.2. Tarayıcıda Önizleme 3.5.3. HTML Olarak Dışa Aktarma 3.5.4. Hızlı Aktarma Düğmesi 3.6. Slayt Gösterisi ile Resimlerin Dışa Aktarılması 1. Aktarma sihirbazını kullanarak hazırlanan nesneyi aktarmak 2. Kullanılacak dosya türünü doğru seçmek 1. Aktarma sihirbazı işlemlerine dikkat etmek 2. Dosya türünün doğru seçildiğinden emin olmak SÜRE: İşlemin Yapılma Süresi: 4 saat İşlemi Öğrenme Süresi: 8 ders saati 17

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 4 İŞLEMİN ADI Hareketli resimler (gif) oluşturmak Resimler ile web araçları hazırlamak Bilgisayar, internet bağlantısı İsteğe uygun hareketli resimleri hatasız olarak oluşturmak 1. Animasyon oluşturmak 2. Bir katmanı paylaşmak 3. Animasyon sembollerini kullanmak 4. Oynatımı kontrol etmek 5. Bir GIF animasyonunu aktarmak 6. Aktarma önizlemesini animasyonlarla kullanmak 7. Ara kareler doldurmak (tweening) 4. GIF ANİMASYONLARI 4.1. Animasyon Oluşturma 4.2. Soğan Zarı (Onion Skin) Kullanma 4.3. Katman Paylaşma 4.4. Animasyon Sembolleri 4.5. Oynatımı Kontrol Etme 4.6. Bir GIF Dosyasına Aktarma 4.7. Aktarma Önizlemesini Kullanma 4.8. Ara Kareler Doldurmak (Tweening) 4.9. Efektlere Dolgu Uygulama 1. Soğan zarı işlemlerini kullanmak 2. Katman paylaşımı işlemlerini yapmak 3. Animasyonu GIF dosyası olarak aktarmak 4. Animasyona ara kareler eklemek 5. Animasyon ara karelerini değiştirmek 1. Planlı olmak 2. Düzenli olmak 3. Sabırlı olmak 4. Titiz olmak 5. Çoklu çerçeve işlemlerine dikkat etmek 6. Katman paylaşımı işlemlerinde dikkatli olmak 7. Animasyon ara karelerine dikkat etmek SÜRE: İşlemin Yapılma Süresi: 4 saat İşlemi Öğrenme Süresi: 8 ders saati 18

MESLEĞİN ADI Web Programcısı İŞ Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NUMARASI 5 İŞLEMİN ADI Resimler ile web araçları hazırlamak Maskeleme işlemlerini gerçekleşmek, açılır menüler oluşturmak. Bilgisayar, internet bağlantısı Maskeleme işlemleri ve açılır menüleri hatasız olarak oluşturmak 1. Bir şablon oluşturmak 2. Bir resmi maskelemek 3. Katman panelini kullanarak maskeleme yapmak 4. Metni bir maske olarak kullanmak 5. Metin dilimi oluşturmak 6. Açılır menü eklemek 7. Açılır menüyü düzenlemek 5. MASKELEME VE AÇILIR MENÜLER 5.1. Bir Şablon Oluşturma 5.2. Bir Resmi Maskeleme 5.2.1. Bitmap maskeleri oluşturma 5.2.2. Vektör maskeleri oluşturma 5.3. Katman Panelini Kullanarak Maskeleme Yapma 5.4. Metni Bir Maske Olarak Kullanma 5.5. Metin Dilimi Oluşturma 5.6. Açılır Menü Ekleme 5.7. Açılır Menüyü Düzenleme 1. Maskeleme işlemleri yapmak 2. Açılır menü işlemlerini yapmak 1. Şablon oluşturma işlemlerinde dikkatli olmak 2. Maskeleme işlemlerine dikkat etmek 3. Açılır menü işlemlerine dikkat etmek 4. Planlı olmak 5. Düzenli olmak 6. Sabırlı olmak SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 4 ders saati 19

MODÜL BİLGİ SAYFASI ALAN MESLEK/DAL DERS MODÜL KODU : BİLİŞİM TEKNOLOJİLERİ : WEB PROGRAMCILIĞI : GRAFİK VE ANİMASYON : ANİMASYON TEMELLERİ : 482BK0138 SÜRE : 40/32 ÖN KOŞUL : Bu modül için ön koşul yoktur. AÇIKLAMA : ÖĞRETİM YÖNTEM VE TEKNİKLERİ GENEL AMAÇ : Anlatım, göstererek yaptırma, problem çözme, sorucevap, grup çalışması, uygulamalı çalışma, araştırma ve bireysel öğretim yöntem ve teknikleri uygulanabilir. : Öğrenci, bu modül ile gerekli ortam sağlandığında; web sayfaları için animasyonlar hazırlayabilecektir. AMAÇLAR : İÇERİK : 1. ANİMASYON TEMELLERİ 1.1. Çalışma Alanı 1.2. Animasyon Belgesi Oluşturma 1.3. Paneller 1.4. Zaman Çizelgesi ve Kareler 1.5. Katmanlar 1.6. Tercihler 1.7. Yardım 1. Menü ve araçları kullanabilecektir. 2. Grafik oluşturabilecek ve düzenleyebilecektir. 3. Metin işlemlerini gerçekleştirebilecektir. 4. Sembol işlemlerini gerçekleştirebilecektir. 5. Animasyon tekniklerini kullanabilecektir. 6. Ses ve video işlemlerini gerçekleştirebilecektir. 7. Ekranları kullanabilecektir. 2. GRAFİKLER 2.1. Araçlar Paneli 2.2. Çizim Araçları İle Grafik Oluşturma 20

2.3. Kılavuzlar Izgaralar ve Koordinatlar 2.4. Yeni Bir Grafik Oluşturma 2.5. Maske Oluşturma 2.6. Fırça Darbeleri 2.7. Kütüphane 2.8. Resimleri Alma ve Optimize Etme 2.9. Vektörel Çizimleri İthal Etme 2.10. Dolgular ve Renk Dönüşümleri 2.11. Grafiklerde Değişiklik Yapma 3. METİN İŞLEMLERİ 3.1. Metin Aracı 3.2. Belgeye Metin Ekleme 3.3. Gömülü Fontlar 3.4. Font Özellikleri 3.5. Metin Alanına Bir Zaman Çizelgesi Efekti Ekleme 3.6. Yazım Denetimi 3.7. Metin Tabanlı Bileşenler 3.8. Dinamik Metin Alanları 4. SEMBOLLER 4.1. Semboller 4.2. Grafik Sembolleri 4.3. Düğmeler 4.4. Düğmeleri Sahneye Yerleştirme 4.5. Metin Düğmeleri Oluşturma 4.6. Görünmez Bir Düğme Oluşturma 4.7. Klipler Oluşturma 4.8. Menüyü Oluşturma 4.9. Klip Düğmeleri Oluşturma 4.10. Sembolleri Çoğaltma ve Sahneye Ekleme 5. ANİMASYON OLUŞTURMAK 5.1. Animasyon Türleri 5.2. Hareket Animasyonu (Motion Tween) 5.3. Hareket Animasyonu Eklemek 5.4. Alfa Düzeylerini ve Boyu Canlandırma 5.5. Klip Düğmesi 5.6. Şekil Animasyonu (Shape Tween) 5.7. Kare Kare Animasyon 5.8. Bir Yol Boyunca Animasyon Uygulama 5.9. Animasyon İçin Zaman Çizelgesi Efektleri 6. SES VE VİDEOLAR 6.1. Ses ve Video Kullanma 6.2. Ortam Öğelerini Çevrimiçi Olarak Sunma 6.3. Bir Düğmeye Ses Ekleme 6.4. Bir Animasyona Ses Aktarma 6.5. Ses Ekleme ve Sesleri Özelleştirme 6.6. Animasyona Video Aktarma 6.7. FLV Videolarını Aktarma 21

7. EKRANLAR 7.1. Ekranlar 7.2. Ekran Özelliğini Kullanan Yeni Bir Sunuya Başlama 7.3. Sunuya Ses ve Video Ekleme 7.4. Sesi Kontrol Etme 7.5. Ekranlar ve Gezinti 7.6. Geçiş ve Maske Ekleme 7.7. Tur Bölümünü Oluşturma 7.8. Tur Bölümünü Siteye Yükleme ÖLÇME VE DEĞERLENDİRME: Öğrenci, aşağıdaki performans ölçütlerini yerine getirecektir. 1. Animasyon düzenleme programı içindeki menü ve araçların işlevlerini yazılı/sözlü/görsel olarak açıklar. 2. İhtiyaca uygun menü seçeneklerini hatasız olarak kullanır. 3. İhtiyaca uygun animasyon düzenleme araçlarını hatasız olarak kullanır. 4. Animasyon üzerinde ihtiyaç duyulan temel düzenlemeleri hatasız olarak yapar. 5. Animasyon üzerinde ihtiyaç duyulan grafik işlemlerini hatasız olarak gerçekleştirir. 6. Animasyon üzerinde ihtiyaç duyulan metin işlemlerini hatasız olarak gerçekleştirir. 7. Animasyon üzerinde ihtiyaç duyulan sembol işlemlerini hatasız olarak gerçekleştirir. 8. Animasyon türlerini yazılı/sözlü/görsel olarak açıklar. 9. İhtiyaca uygun hareket animasyonunu hatasız olarak hazırlar. 10. İhtiyaca uygun şekil animasyonunu hatasız olarak hazırlar. 11. İhtiyaca uygun kare-kare animasyonu hatasız olarak hazırlar. 12. Hazırlanan animasyon üzerinde ihtiyaç duyulan efektleri hatasız olarak uygular. 13. Animasyon üzerinde ihtiyaç duyulan ses ve video düzenlemelerini hatasız olarak gerçekleştirir. 14. Animasyon üzerinde ekran özelliğini kullanarak ihtriyaç duyulan düzenlemeleri gerçekleştirir. 22

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 1 İŞLEMİN ADI Menü ve araçları kullanmak Web sayfaları için animasyonlar hazırlamak Bilgisayar Animasyon düzenleme programına ait menü ve araçların özellikleri hatasız olarak kullanmak 1. Animasyon belgesi oluşturmak 2. Menüleri kullanmak 3. Panellerle çalışmak 4. Zaman çizelgesini ve kareleri kullanmak 5. Tercihleri ayarlamak 6. Yardımı kullanmak 1. ANİMASYON TEMELLERİ 1.1. Çalışma Alanı 1.2. Animasyon Belgesi Oluşturma 1.3. Paneller 1.4. Zaman Çizelgesi ve Kareler 1.5. Katmanlar 1.6. Tercihler 1.7. Yardım 1. Animasyon programının menülerini kullanmak 2. Animasyon programı panelleri ile çalışmak 3. Animasyon için zaman çizelgesini ve kareleri kullanmak 4. Animasyon tercihlerini ayarlamak 1. Detaylara özen göstermek 2. Animasyon programının menülerine ve panel özelliklerine dikkat etmek SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 4 ders saati 23

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 2 İŞLEMİN ADI Grafik oluşturmak ve düzenlemek Web sayfaları için animasyonlar hazırlamak Bilgisayar Grafikleri ihtiyaca uygun hazırlamak 1. Çizim araçları ile grafik oluşturmak 2. Kılavuzları, ızgaraları, koordinatları ve yapışma özelliğini kullanmak 3. Yeni bir grafik oluşturmak 4. Maske oluşturmak ve kullanmak 5. Fırça darbeleri eklemek 6. Kütüphaneyi kullanmak 7. Bitmap leri ithal etmek ve optimizasyonunu yapmak 8. Vektörel çizimleri ithal etmek 9. Dolguları ve geçişleri kullanmak 10. Grafiklerde değişiklik yapmak SÜRE: İşlemin Yapılma Süresi: 2 saat 2. GRAFİKLER 2.1. Araçlar Paneli 2.2. Çizim Araçları İle Grafik Oluşturma 2.3. Kılavuzlar Izgaralar ve Koordinatlar 2.4. Yeni Bir Grafik Oluşturma 2.5. Maske Oluşturma 2.6. Fırça Darbeleri 2.7. Kütüphane 2.8. Resimleri Alma ve Optimize Etme 2.9. Vektörel Çizimleri İthal Etme 2.10. Dolgular ve Renk Dönüşümleri 2.11. Grafiklerde Değişiklik Yapma 1. Çizim araçlarını kullanmak 2. Ek özellikleri kullanmak 3. Maske işlemlerini yapmak 4. İthal işlemini gerçekleştirmek 1. Detaylara özen göstermek 2. Zamanı iyi kullanmak 3. Çizim araçlarının özelliklerine dikkat etmek İşlemi Öğrenme Süresi: 6 ders saati 24

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 3 İŞLEMİN ADI Metinler oluşturmak ve düzenlemek Web sayfaları için animasyonlar hazırlamak Bilgisayar, animasyon düzenleme programı Kullanım alanlarına uygun metinleri hazırlamak 1. Bir belgeye metin eklemek 2. Gömülü fontları kullanmak 3. Font özelliklerine bakmak 4. Bir metin alanına bir zaman çizelgesi efekti eklemek 5. Belgeyi yazım denetiminden geçirmek 6. Metin tabanlı bileşenleri kullanmak 3. METİN İŞLEMLERİ 3.1. Metin Aracı 3.2. Belgeye Metin Ekleme 3.3. Gömülü Fontlar 3.4. Font Özellikleri 3.5. Metin Alanına Bir Zaman Çizelgesi Efekti Ekleme 3.6. Yazım Denetimi 3.7. Metin Tabanlı Bileşenler 3.8. Dinamik Metin Alanları 1. Metin aracını kullanmak 2. Dinamik metin alanları oluşturmak 1. Animasyon detaylarına dikkat etmek 2. Metin alanlarına dikkat etmek SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 25

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 4 İŞLEMİN ADI Semboller oluşturmak ve düzenlemek Web sayfaları için animasyonlar hazırlamak Bilgisayar, animasyon düzenleme programı İhtiyaca uygun sembolleri hazırlamak 1. Düğme oluşturmak 2. Düğmeleri sahneye (stage) yerleştirmek 3. Metin düğmeleri oluşturmak 4. Görünmez bir düğme oluşturmak 5. Klipler (movie clip) oluşturmak 6. Menüyü oluşturmak 7. Klip düğmeleri oluşturmak 8. Sembolleri çoğaltmak ve sahneye eklemek 4. SEMBOLLER 4.1. Semboller 4.2. Grafik Sembolleri 4.3. Düğmeler 4.4. Düğmeleri Sahneye Yerleştirme 4.5. Metin Düğmeleri Oluşturma 4.6. Görünmez Bir Düğme Oluşturma 4.7. Klipler Oluşturma 4.8. Menüyü Oluşturma 4.9. Klip Düğmeleri Oluşturma 4.10. Sembolleri Çoğaltma ve Sahneye Ekleme 1. Sembol oluşturma araçlarını kullanmak 2. İstenilen özeliklerde düğme oluşturmak 1. Oluşturulacak düğmenin özelliklerine dikkat etmek 2. Planlı olmak 3. Sabırlı olmak 4. Detaylara özen göstermek SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 26

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 5 İŞLEMİN ADI Animasyon tekniklerini kullanmak Web sayfaları için animasyonlar hazırlamak Bilgisayar, animasyon düzenleme programı Animasyon türünü belirlemek 1. Bir hareket animasyonunu (motion tween) ayarlamak 2. Motion tweenleri eklemek 3. Alfa düzeylerini ve boyu canlandırmak 4. Klip (Movie clip) düğmesini canlandırmak 5. Bir şekil animasyonu (shape tween) oluşturmak 6. Kare kare animasyon oluşturmak 7. Bir yol boyunca animasyon uygulamak 8. Animasyon için zaman çizelgesi efektlerini kullanmak 5. ANİMASYON OLUŞTURMAK 5.1. Animasyon Türleri 5.2. Hareket Animasyonu (Motion Tween) 5.3. Hareket Animasyonu Eklemek 5.4. Alfa Düzeylerini ve Boyu Canlandırma 5.5. Klip Düğmesi 5.6. Şekil Animasyonu (Shape Tween) 5.7. Kare Kare Animasyon 5.8. Bir Yol Boyunca Animasyon Uygulama 5.9. Animasyon İçin Zaman Çizelgesi Efektleri 1. Animasyon türünü seçmek 2. İstenilen animasyona uygun plan oluşturmak 1. Detaylara özen göstermek 2. Planlı ve organize olmak 3. Sabırlı olmak 4. İstenilen özelliklere uygun animasyon türünü seçmek 5. Animasyon tasarlamak SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 4 ders saati 27

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 6 İŞLEMİN ADI Ses ve video eklemek Web sayfaları için animasyonlar hazırlamak Bilgisayar, animasyon düzenleme programı Animasyona uygun ses ve video eklemek 1. Ses ve video kullanmak 2. Ortam öğelerini çevrimiçi olarak sunmak 3. Bir düğmeye ses eklemek 4. Bir animasyona ses aktarmak 5. Ses eklemek ve sesleri özelleştirmek 6. Animasyona video aktarmak 7. FLV videolarını aktarmak 6. SES VE VİDEOLAR 6.1. Ses ve Video Kullanma 6.2. Ortam Öğelerini Çevrimiçi Olarak Sunma 6.3. Bir Düğmeye Ses Ekleme 6.4. Bir Animasyona Ses Aktarma 6.5. Ses Ekleme ve Sesleri Özelleştirme 6.6. Animasyona Video Aktarma 6.7. FLV Videolarını Aktarma 1. Animasyona ses aktarma işlemlerini yapmak 2. Animasyona video aktarma işlemlerini yapmak 1. Detaylara özen göstermek 2. Planlı ve organize olmak 3. Sabırlı olmak 4. Animasyona ses aktarma işlemleri sırasında detaylara dikkat etmek 5. Animasyona video aktarma işlemleri sırasında detaylara dikkat etmek SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 4 ders saati 28

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 7 İŞLEMİN ADI Ekranları kullanmak Web sayfaları için animasyonlar hazırlamak Bilgisayar, animasyon düzenleme programı isteğe uygun ekran özelliğine sahip sunu oluşturmak 1. Ekran özelliğini kullanan yeni bir sunuya başlamak 2. Sunuya ses ve video eklemek 3. Sesi kontrol etmek 4. Geçişler oluşturmak 5. Maske eklemek 6. Tur bölümünü oluşturmak 7. Tur bölümünü siteye yüklemek 7. EKRANLAR 7.1. Ekranlar 7.2. Ekran Özelliğini Kullanan Yeni Bir Sunuya Başlama 7.3. Sunuya Ses ve Video Ekleme 7.4. Sesi Kontrol Etme 7.5. Ekranlar ve Gezinti 7.6. Geçiş ve Maske Ekleme 7.7. Tur Bölümünü Oluşturma 7.8. Tur Bölümünü Siteye Yükleme 1. Ekran özelliklerini kullanmak 2. Ses ve video eklemek 3. Sunuya uygun geçiş ve maskeler eklemek 4. Tur bölümü oluşturmak 1. Detaylara özen göstermek 2. Planlı ve organize olmak 3. Sabırlı olmak 4. İstenilen ekran özelliğine sahip sunu oluşturmak 5. Sunuya ses ve video dosyası eklerken dikkatli olmak 6. Sunuya uygun geçiş ve maskelerin yerleşimin işlemlerinde detaylara dikkat etmek 7. Tur bölümü oluşturulurken detaylara dikkat etmek SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 2 ders saati 29

MODÜL BİLGİ SAYFASI ALAN MESLEK/DAL DERS MODÜL KODU : BİLİŞİM TEKNOLOJİLERİ : WEB PROGRAMCILIĞI : GRAFİK VE ANİMASYON : WEB ORTAMI İÇİN ANİMASYON HAZIRLAMA : 482BK0172 SÜRE : 40/32 ÖN KOŞUL : Animasyon Temelleri modülünü tamamlamış olmak AÇIKLAMA : ÖĞRETİM YÖNTEM VE TEKNİKLERİ : Anlatım, göstererek yaptırma, problem çözme, sorucevap, grup çalışması, uygulamalı çalışma, araştırma ve bireysel öğretim yöntem ve teknikleri uygulanabilir. GENEL AMAÇ : Öğrenci, bu modül ile gerekli ortam sağlandığında; animasyon düzenleme programını kullanarak web araçları hazırlayabilecektir. AMAÇLAR : 1. Bileşenleri kullanarak formlar oluşturabilecektir. 2. Dinamik veri işlemlerini gerçekleştirebilecektir. 3. Yazılım optimizasyonunu gerçekleştirebilecektir. 4. Animasyonların yayımlanmasını gerçekleştirebilecektir. İÇERİK : 1. FORMLAR 1.1. Formlar ve Veriler 1.2. Animasyon Bileşenleri 1.3. Geribildirim Formu 1.4. Düğme Bileşeni 1.5. Bir Anket Oluşturmak 1.6. Odaklanma Yöneticisi (Focus Manager) 2. DİNAMİK VERİLER 2.1. Dinamik Verilere Giriş 2.2. Web Servislerini Tanımlama 2.3. Web Sitesini Çağırma 2.4. Geribildirim Formunu Oluşturma 2.5. Anket Formunu Oluşturma 30

3. YAZILIM OPTİMİZASYONU 3.1. Uygulamaları Organize Etme 3.2. Yeni İçeriği Yükleme 3.3. İlerleme Çubuğu Ekleme 4. ANİMASYON YAYINI 4.1. Animasyon Dosyalarının Yayınlanması 4.2. Animasyon Oynatıcının Yüklenmesi 4.3. Animasyon Dosyasını HTML Sayfasına Gönderme ÖLÇME VE DEĞERLENDİRME: Öğrenci, aşağıdaki performans ölçütlerini yerine getirecektir. 1. İhtiyaca uygun bileşenleri kullanarak formlar hazırlar. 2. Animasyon içinde dinamik veri kullanımına ilişkin kavramları yazılı/sözlü/görsel olarak açıklar. 3. İhtiyaca uygun dinamik veri işlemlerini hatasız olarak gerçekleştirir. 4. İhtiyaca uygun optimizasyon ayarlarını hatasız olarak yapar. 5. Animasyon dosyalarının yayınını hatasız olarak yapar. 31

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 1 İŞLEMİN ADI Bileşenlerle form oluşturmak Animasyonlar ile web araçları hazırlamak Bilgisayar, animasyon düzenleme programı Uygun bileşenleri kullanarak istenilen formu oluşturmak 1. Geribildirim formunu oluşturmak 2. Düğme (Buton) bileşenini kullanmak 3. Anket oluşturmak 4. Odaklanma yöneticisini kullanmak 1. FORMLAR 1.1. Formlar ve Veriler 1.2. Animasyon Bileşenleri 1.3. Geribildirim Formu 1.4. Düğme Bileşeni 1.5. Bir Anket Oluşturmak 1.6. Odaklanma Yöneticisi (Focus Manager) 1. Form araçlarını kullanmak 2. Animasyon bileşenini seçmek 3. Geribildirim ve anket formları oluşturmak 4. Odak yöneticisini kullanmak 1. Detaylara özen göstermek 2. Planlı ve organize olmak 3. Sabırlı olmak 4. Uygun animasyon bileşenini seçmek 5. Uygun formu tasarlamak 6. Odak yöneticisinin özelliklerine dikkat etmek SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 8 ders saati 32

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 2 İŞLEMİN ADI Dinamik verileri kullanmak Animasyonlar ile web araçları hazırlamak Bilgisayar, animasyon düzenleme programı Web servislerinin özelliklerine dikkat ederek web sitesini hatasız çağırmak 1. Web servislerini tanımlamak 2. Web sitesini çağırmak 3. Geribildirim formunu oluşturmak 4. Anket formunu oluşturmak 2. DİNAMİK VERİLER 2.1. Dinamik Verilere Giriş 2.2. Web Servislerini Tanımlama 2.3. Web Sitesini Çağırma 2.4. Geribildirim Formunu Oluşturma 2.5. Anket Formunu Oluşturma 1. Kullanılacak web servisini seçmek 2. İstenilen web sitesini çağırmak 3. Geribildirim ve anket formları oluşturmak 1. Detaylara özen göstermek 2. Planlı ve organize olmak 3. Sabırlı olmak 4. Web servislerinin özelliklerine dikkat etmek 5. Web sitesini hatasız çağırmak 6. Uygun formu tasarlamak SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 8 ders saati 33

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 4 İŞLEMİN ADI Optimizasyon yapmak Animasyonlar ile web araçları hazırlamak Bilgisayar, animasyon düzenleme programı Optimizasyon işlemlerini hatasız olarak gerçekleştirmek 1. Uygulamaları organize etmek 2. Yeni içeriği yüklemek 3. İlerleme çubuğunu eklemek 3. YAZILIM OPTİMİZASYONU 3.1. Uygulamaları Organize Etme 3.2. Yeni İçeriği Yükleme 3.3. İlerleme Çubuğu Ekleme 1. Optimize işlemlerini yapmak 2. Daha önce hazırlanmış bulunan animasyon dosyalarını eklemek 1. Detaylara özen göstermek 2. İş disiplinine sahip olmak 3. Planlı ve organize olmak 4. Sabırlı olmak 5. Animasyonların aynı anda çalışmalarına dikkat etmek 6. İlerleme çubuğunu kullandığından emin olmak SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 8 ders saati 34

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 5 İŞLEMİN ADI İçeriği yayınlamak Animasyonlar ile web araçları hazırlamak Bilgisayar, animasyon düzenleme programı Hazırlanan animasyonu hatasız olarak yayınlamak 1. Animasyon dosyalarını yayınlamak 2. Animasyon oynatıcıyı yüklemek 3. Animasyon dosyasını HTML sayfasına göndermek 4. ANİMASYON YAYINI 4.1. Animasyon Dosyalarının Yayınlanması 4.2. Animasyon Oynatıcının Yüklenmesi 4.3. Animasyon Dosyasını HTML Sayfasına Gönderme 1. Animasyon oynatıcıyı yükleyerek animasyon dosyalarını yayınlamak 2. İçerik yayımlama araçlarını kullanma 1. Detaylara özen göstermek 2. İş disiplinine sahip olmak 3. Planlı ve organize olmak 4. Sabırlı olmak 5. Animasyon dosyalarının yüklenme işlemlerinde dikkatli olmak SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 8 ders saati 35

MODÜL BİLGİ SAYFASI ALAN MESLEK/DAL DERS MODÜL KODU : BİLİŞİM TEKNOLOJİLERİ : WEB PROGRAMCILIĞI : GRAFİK VE ANİMASYON : ETKİLEŞİMLİ ANİMASYONLAR : 482BK0140 SÜRE : 40/32 ÖN KOŞUL : Programlama Temelleri dersi modülleri ve Web Ortamı İçin Animasyon Hazırlama modülünü tamamlamış olmak AÇIKLAMA : ÖĞRETİM YÖNTEM VE TEKNİKLERİ GENEL AMAÇ : Anlatım, göstererek yaptırma, problem çözme, sorucevap, grup çalışması, uygulamalı çalışma, araştırma ve bireysel öğretim yöntem ve teknikleri uygulanabilir. : Öğrenci, bu modül ile gerekli ortam sağlandığında; eylem kodlarını kullanarak etkileşimli animasyonlar hazırlayabilecektir. AMAÇLAR : İÇERİK : 1. ACTİONSCRİPT TEMELLERİ 1. Temel programlama işlemlerini yapabilecektir. 2. Fonksiyon işlemlerini gerçekleştirebilecektir. 3. Olaylarla (events) ilgili düzenlemeleri yapabilecektir. 4. Sınıf (class) işlemlerini gerçekleştirebilecektir. 5. Karar yapılarını kullanabilecektir. 1.1. ActionScript Versiyonları 1.2. ActionScript Elemanları 1.3. ActionScript ile İletişim 1.3.1. Movieclip'lerle Çalışma 1.3.2. Değişkenler 1.3.3. Veri Türleri 1.3.4. Trace Cümlecikleri 2. FONKSİYONLAR 2.1. Fonksiyonlar 2.2. Metodlar 2.3. Özel Fonksiyonlar 2.4. Modüler Fonksiyonlar 36

2.5. Veri Çıktısı 3. OLAYLAR (EVENT) 3.1. Actionscript Olayları 3.2. Actionscript Metodları 3.3. EventListener 3.4. EventHandler 3.5. Fare Olayları 3.6. Klavye Olayları 3.7. Linkler 3.8. ActionScript ile animasyon 4. SINIFLAR (CLASS) 4.1. Özel Sınıf Yazma 4.2. Varolan Sınıflarıı genişletme 4.3. Sınıf Nesnesini Zaman Çizgisine Ekleme 4.4. Doküman Sınıfları 5. KARAR YAPILARI 5.1. Karar İfadeleri 5.2. Karar İfadelerini Yazma ve Düzenleme 5.3. Döngüler ÖLÇME VE DEĞERLENDİRME: Öğrenci, aşağıdaki performans ölçütlerini yerine getirecektir. 1. Eylem kodları ile programlama sırasında dikkat edilecek noktaları ve programlama araçlarını ayırt eder. 2. Fönksiyon çeşitlerini ayırt eder ve ihtiyaca uygun fonksiyonları kullanarak actionscript programlamasını yapar. 3. Olay çeşitlerini ayırt eder ve ihtiyaca uygun olay kodlamasını yapar. 4. Sınıflar ile çalışırken dikkat edilecek noktaları ayırt eder ve actionscript içinde sınıfları kullanır. 5. İhtiyaca uygun içerik yönetim sisteminin kurulumunu yapar. 6. Eylem kodları ile karar yapısı işlemlerini gerçekleştirir 37

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 1 İŞLEMİN ADI Temel programlama işlemlerini yapmak Eylem kodları ile etkileşimli animasyonlar hazırlamak Bilgisayar, Animasyon Düzenleme Programı Eylem kodu yazım kurallarına dikkat etmek 1. Movieclip özelliklerini eylem kodlaır ile düzenlemek 2. Değişken tanımlamak ve kodlama içinde kullanmak 3. Veri türlerini belirlemek 4. Trace cümleciklerini kullanmak 1. ACTİONSCRİPT TEMELLERİ 1.1. ActionScript Versiyonları 1.2. ActionScript Elemanları 1.3. ActionScript ile İletişim 1.3.1. Movieclip'lerl e Çalışma 1.3.2. Değişkenler 1.3.3. Veri Türleri 1.3.4. Trace Cümlecikleri 1. İhtiyaca uygun değişken tanımlamasını yapmak 2. Program yapısına uygun veri türleriyle çalışmak 1. Lisanslı yazılım kullanmak 2. Detaylara özen göstermek 3. İş disiplinine sahip olmak 4. Planlı ve organize olmak 5. Sabırlı olmak 6. Oluşabilecek tüm olasılıkları değerlendirmek 7. En uygun yöntemle sonuca ulaşmak 8. Değişken tanımlama kurallarına dikkat etmek SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 6 ders saati 38

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 2 İŞLEMİN ADI Fonksiyon işlemlerini yapmak Eylem kodları ile etkileşimli animasyonlar hazırlamak Bilgisayar, Animasyon Düzenleme Programı Eylem kodlarında fonksiyonları hatasız oluşturmak 1. Fonksiyonlar ile çalışmak 2. Özel fonksiyonlar yazmak 3. Fonksiyonlardan veri çıktısı almak 2. FONKSİYONLAR 2.1. Fonksiyonlar 2.2. Metodlar 2.3. Özel Fonksiyonlar 2.4. Modüler Fonksiyonlar 2.5. Veri Çıktısı 1. İhtiyaca uygun fonksiyon tanımlamasını yapmak 1. Lisanslı yazılım kullanmak 2. Oluşabilecek tüm olasılıkları değerlendirmek 3. Detaylara özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. En uygun yöntemle sonuca ulaşmak 8. Fonksiyon özelliklerine dikkat etmek SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 39

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 3 İŞLEMİN ADI Olaylarla ilgili düzenlemeleri yapmak Eylem kodları ile etkileşimli animasyonlar hazırlamak Bilgisayar, Animasyon Düzenleme Programı Eylem kodlarında olayları hatasız kullanmak 1. Metotları kullanmak 2. Fare olaylarına cevap vermek 3. Klavye olaylarına cevap vermek 4. Bağlantıları oluşturmak 3. OLAYLAR (EVENT) 3.1. Actionscript Olayları 3.2. Actionscript Metodları 3.3. EventListener 3.4. EventHandler 3.5. Fare Olayları 3.6. Klavye Olayları 3.7. Linkler 3.8. ActionScript ile animasyon 1. İhtiyaca uygun metot tanımlamasını yapmak 2. Olaylar için uygun cevapları verecek şekilde kodlama yapmak 1. Lisanslı yazılım kullanmak 2. Detaylara özen göstermek 3. İş disiplinine sahip olmak 4. Planlı ve organize olmak 5. Sabırlı olmak 6. Kırık bağlantılar oluşturmamaya dikkat etmek SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 6 ders saati 40

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 4 İŞLEMİN ADI Sınıf işlemlerini gerçekleştirmek Eylem kodları ile etkileşimli animasyonlar hazırlamak Bilgisayar, Animasyon Düzenleme Programı Eylem kodlarında sınıf oluşturmayı hatasız olarak gerçekleştirmek 1. Özel sınıflar oluşturmak 2. Varolan sınıfları genişletmek 3. Sınıf nesnesini zaman çizelgesine eklemek 4. Doküman sınıfları ile ilgili düzenlemeler yapmak 4. SINIFLAR (CLASS) 4.1. Özel Sınıf Yazma 4.2. Varolan Sınıflarıı genişletme 4.3. Sınıf Nesnesini Zaman Çizgisine Ekleme 4.4. Doküman Sınıfları 1. İhtiyaca uygun sınıf oluşturmak 2. Sınıf işlemlerini yapmak 1. Lisanslı yazılım kullanmak 2. Detaylara özen göstermek 3. İş disiplinine sahip olmak 4. Planlı ve organize olmak 5. Sabırlı olmak 6. Sınıf oluşturma işlemlerinde dikkatli olmak SÜRE: İşlemin Yapılma Süresi: 2 saat İşlemi Öğrenme Süresi: 8 ders saati 41

MESLEĞİN ADI Web Programcısı İŞ Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NUMARASI 5 İŞLEMİN ADI Karar yapılarını kullanmak Eylem kodları ile etkileşimli animasyonlar hazırlamak Bilgisayar, Animasyon Düzenleme Programı Eylem kodlarında karar yapıları ve döngülerin yazımına dikkat etmek 1. Karar ifadeleri yazmak 2. Karar ifadelerini düzenlemek 3. Döngü işlemelerini gerçekleştirmek 5. KARAR YAPILARI 5.1. Karar İfadeleri 5.2. Karar İfadelerini Yazma ve Düzenleme 5.3. Döngüler 1. İhtiyaca uygun karar ifadeleri yazmak 2. İhtiyaca uygun olarak karar ifadelerini düzenlemek 3. Döngüler oluşturmak 1. Lisanslı yazılım kullanmak 2. Detaylara özen göstermek 3. İş disiplinine sahip olmak 4. Planlı ve organize olmak 5. Sabırlı olmak 6. Karar ifadelerinin yazımında dikkatli olmak 7. Döngü işlemlerinde dikkat etmek SÜRE: İşlemin Yapılma Süresi: 1 saat İşlemi Öğrenme Süresi: 6 ders saati 42

MODÜL BİLGİ SAYFASI ALAN MESLEK/DAL DERS MODÜL KODU : BİLİŞİM TEKNOLOJİLERİ : WEB PROGRAMCILIĞI : GRAFİK VE ANİMASYON : GELİŞMİŞ ANİMASYONLAR : 482BK0145 SÜRE : 40/32 ÖN KOŞUL ÖĞRETİM YÖNTEM VE TEKNİKLERİ : Etkileşimli Animasyonlar modülünü tamamlamış olmak : Anlatım, göstererek yaptırma, problem çözme, sorucevap, grup çalışması, uygulamalı çalışma, araştırma ve bireysel öğretim yöntem ve teknikleri uygulanabilir. AÇIKLAMA : GENEL AMAÇ : Öğrenci, bu modül ile gerekli ortam sağlandığında; eylem kodlarını kullanarak gelişmiş animasyonlar hazırlayabilecektir. AMAÇLAR : 1. Matematiksel işlemleri gerçekleştirebilecektir. 2. Metin ve dizelerle çalışabilecektir. 3. Grafik ve animasyon işlemlerini gerçekleştirebilecektir. 4. Çoklu ortam işlemlerini gerçekleştirebilecektir. 5. Etkileşimli gelişmiş uygulamalar hazırlayabilecektir. İÇERİK : 1. MATEMATİK İŞLEMLERİ 1.1. Actionscript ve Matematik Classları 1.2. Temel Matematik İşleçleri 1.3. Rastgele Sayılar Oluşturma 1.4. Sayıları Yuvarlama 2. METİNLER VE DİZELER 2.1. Metin Alanları Oluşturma 2.2. Metin Alanlarını Düzenleme 2.3. Harici Metin Yükleme 2.4. Dizeler 43

3. GRAFİK VE ANİMASYON 3.1. Kodlama 3.2. Renk Geçişleri Oluşturma 3.3. Geçişlere Hareket Verme 3.4. Filtreler 4. ÇOKLU ORTAM İŞLEMLERİ 4.1. Harici Resimleri ve Animasyonları Yükleme 4.2. Sesleri yükleme 4.3. Yüklenmiş Animasyonları ile İletişim 4.4. Sesleri Kontrol Etme 4.5. Video Oynatımını Kontrol Etme 5. GELİŞMİŞ ETKİLEŞİM 5.1. Sürükle-Bırak Classları 5.2. Çarpışmalar 5.3. Nesneleri Sahne Üzerine Rastgele Yerleştirme ÖLÇME VE DEĞERLENDİRME: Öğrenci, aşağıdaki performans ölçütlerini yerine getirecektir. 1. Eylem kodları ile matematiksel işlemleri gerçekleştirir. 2. İhtiyaca uygun metin ve dize işlemlerini actionscript standartlarına uygun olarak gerçekleştirir. 3. İhtiyaca uygun grafik ve animasyon işlemlerini actionscript standartlarına uygun olarak gerçekleştirir. 4. İhtiyaca uygun çoklu ortam işlemlerini actionscript standartlarına uygun olarak gerçekleştirir. 5. Eylem kodlarını kullanarak etkileşimli web uygulamaları hazırlar. 44