yazılım geliştirme araçları - eemb dersler...05/12/2013 9 arayüz tasarımı kullanıcı...
TRANSCRIPT
05/12/2013
1
2010639051 Enver Sağnak
201063928 Hikmet Gümüş
Yazılım Araçları: Bilgisayarlar yazılımları olmadan çalışmaları mümkün
olmayan makine veya makine parçaları olarak tanımlayabiliriz.Bilgisayarlar yazılımları olmadan
kullanımları veya bilgi akışı mümkün değildir.
yazılımlar bir bilgisayara uygun arabirimler kul-
lanarak bilgi girişi ve çıkışı yapmamıza olanak tanır.
işte bu arabirimler dediğimiz kullandığımız prog-
ramlar yani yazılım araçlarıdır!
Yazılım Araçları
Bunlardan bazıları şunlardır:
flash player,winrar,
google chrome,firefox …vb
Yazılım mühendisliği araçları :dev c++,Visual
Studio vb. ,yani yazılım yaparken kullandığımız
programları örnek verebiliriz.
Eğitim Yazılımı Geliştirme Araçları
İçerik Platform İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
05/12/2013
2
Platform
Arayüz
Altyapı
İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
Metin Oluşturma Araçları Web ortamlarında en sık kullanılan bileşen
metinlerdir.
Diğer materyaller (örneğin resimler) metinde anlatılan bilgiyi açıklamaya çalışır.
Metin Oluşturma Araçları Kelime işlemci programları: Writer, Word, Word
Perfect
Masaüstü yayıncılık programları: Publisher
Web editörleri: Dreamweaver,Adobe Flash, Photoshop
Metin Oluşturma Araçları CSS:
Kullanılan web editörü ne kadar gelişmiş olursa olsun html dili ile oluşturulan web sayfaları görsellik bakımından yeterince esnek değildir.
Bu esnekliği sağlamak amacıyla geliştirilen Stil şablonları (CSS) kullanılarak web sayfalarının görsel tasarımı tek bir dosya aracılığıyla hızlı ve kolay bir şekilde değiştirilebilir.
İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
05/12/2013
3
Görsel Materyal Geliştirme Araçları Çizimler, fotoğraflar ya da grafikler gibi dijital görsel
imajlar görseller olarak adlandırılır .
Öğretim amaçlı kullanılabilecek olan görseller kendi arasında 4 grupta ele alınabilir:
Görseller
Üç boyutlu görsel
materyaller
Grafikler-Tablolar
Kavram ve zihin
haritaları
Resimler
Resimler Resimler Piksel tabanlı resimler, piksel denilen çok ufak
noktalardan oluşur.Fotoğtaflar bilgisayarlarda
piksel tabanlı olarak saklanır.
vektör tabanlı resimler;çizgiler,daireler,dikdört-
genler gibi farklı şekillerin biraraya gelmesiyle oluş-
muş görüntü kümesidir.
Resimler Vektörel resimler nokta esaslı resimlerden farklıdırlar,
çünkü bunlar seçilen, değiştirilebilen ve taşınabilen geometrik biçimlerden oluşmaktadır.
Bu grafikler, eğrilebilir, döndürülebilir ve gerilebilir.
Resimler Photoshop
Corel Draw
Fireworks
05/12/2013
4
Üç boyutlu görsel materyaller Üç boyutlu modellemeler gerçekleştirilirken:
nesneleri modelleme,
nesne özelliklerini belirleme,
malzemeleri seçme ve nesneleri malzeme ile kaplama,
nesneleri bir mekana yerleştirme,
efekt verme,
aydınlatma,
kameraları yerleştirme,
perspektifi belirleme gibi pek çok karmaşık sürecin gerçekleştirilmesi gereklidir.
Üç boyutlu görsel materyaller Maya
3DS Max
Z-Brush
Poser
Lightwave
Grafikler-Tablolar Verileri anlamlı bir şekilde görüntülemek amacıyla
çeşitli grafikler ve tablolardan faydalanılabilir.
Örneğin
“bölgelere göre nüfus dağılımı” - pasta grafiği
“Volkanik dağlar ve bu dağların nerede bulunduğuna”-tablo
kullanarak aktarmak, aynı bilgileri bir paragraf şeklinde sunmaktan daha etkili olacaktır.
Grafikler-Tablolar Excel,
Calc,
Quattro Pro® X3
Kavram ve zihin haritaları Kavram haritası, kavramlar ve kavramlar arası ilişkileri
gösteren somut bilgi grafikleridir.
Kavramlara somut bir nitelik kazandırmak,
Kavramlar arasında bağlantı kurmak,
kavramlar ile alt kavramlar arasındaki ilişkileri belirlemek
Kavram ve zihin haritaları Inspiration,
Kidspiration,
Concept Draw,
Smartdraw
05/12/2013
5
İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
Ses geliştirme araçları Seslerle ilgili 3 temel süreç:
ses kayıt,
ses düzenleme ve
ses yayınlama
Ses geliştirme araçları Windows ses kaydedici,
Adobe Audition,
Audacity,
Super Sound Recorder,
Sony Sound Forge,
Adobe Audition,
Powerful Audio Tool,
Sony Acid,
Cool Edit
İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
Video Geliştirme Araçları Videolar,
soyut kavramları somutlaştırmak,
metin yâda hareketsiz görsellerle açıklanması zor olan içeriğin sunumunu desteklemek
için eğitsel amaçlı web ortamlarında yaygın olarak kullanılmaktadır.
Video Geliştirme Araçları Videoların çekilmesi iyi bir senaryo gerektirir;
çekimlerin istenilen kalitede olması için uygun kameraların kullanılması gerekir.
Gerekli düzeltmelerin yapılması için sistem kaynakları güçlü bilgisayarlara ve uygun yazılımlara ihtiyaç vardır.
Tüm bunların ötesinde hazırlanan videonun web ortamlarında sunulacak hale getirilmesi ve uygun formata dönüştürülmesi gerekir.
05/12/2013
6
Video Geliştirme Araçları Bu uygun formatlar
swf (flash) ve
sıkıştırılmış video türleridir.
Swf formatı bunlardan en yaygın olarak kullanılan türüdür. Çünkü pek çok tarayıcıda bu bileşen yüklü haldedir.
videolarda kullanıcının sisteminde videoda kullanılan kodlayıcının (codec) olmaması ihtimali kullanım oranını azaltmaktadır.
Video Geliştirme Araçları Corel VideoStudio
İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
Animasyonlar Animasyonlar nesnelerin nasıl konum ve şekil
değiştirdiğini göstermeyi sağlar.
Ayrıca devam eden süreçlerle ilgili bilgi vermek amacıyla animasyonlar uyarıcı olarak kullanılabilir .
Animasyonlar Web ortamlarında
flash (swf) formatında animasyonlar,
shockwave (dxr) formatında animasyonlar ,
hareketli resimler (animated gif),
javascript ile oluşturulan basit animasyonlar kullanılabilir
Animasyonlar Adobe Flash,
Swish,
Flash Menu Builder,
Photoshop ,Corel, Fireworks
Director
05/12/2013
7
İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
Etkileşimli İçerikler Teknolojideki hızlı değişimle birlikte, etkileşimli çoklu
ortamların hazırlanması kolay hale gelmiştir.
Etkileşimli İçerikler Captivate,
Flash,
Director,
Authorware programları ve
Script dilleri
Etkileşimli İçerikler Captivate,
Flash,
Director,
Authorware programları ve
Script dilleri
İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
Simulasyonlar (Benzetimler) Simülasyonlar, bir takım olay ve durumları
modelleyerek gerçek durumu yansıtmaya çalışan yazılımlardır.
Simülasyon bir eğitsel yazılıma gömülebileceği gibi tek başına bir öğretim aracı olarakta kullanılabilir
05/12/2013
8
Simulasyonlar (Benzetimler) Director,
Flash,
Authorware gibi yazılımlar ya da
script dilleri İçerik
metin
görsel
ses
Video
Animasyon
Etkileşimli
içerikler
Benzetimler
Ölçme araçları
Ölçme Bir eğitim sürecinin temel aşamalarından biri de ölçme
işlemidir.
Öğretim sürecinin başında öğrencinin giriş yeterliliklerini belirlemek,
öğretim esnasında öğretimin ilerleyişini izlemek ve
öğretim sürecinin sonunda da öğrenci başarısını değerlendirmek amacıyla ölçme işleminin yapılması gereklidir.
Ölçme Hot Potatoes,
Flash,
Captivate,
CourseBuilder vb. yazılımlar
ASP,
PHP gibi diller
İçeriğin Aktarılacağı Web Platformunun Oluşturulması
Platform Arayüz Altyapı
İçeriğin Aktarılacağı Web Platformunun Oluşturulması
Platform Arayüz Altyapı
05/12/2013
9
Arayüz Tasarımı Kullanıcı arayüzü, bireylerin bilgisayarla etkileşimine
imkan veren bilgisayar sisteminin bir parçasıdır.
Kullanıcı arayüzünün amacı, bilgisayar sistemini kullanıcı için kullanışlı hale getirmektir.
Diğer bir deyişle, kullanıcı arayüzünün en önemli özelliği “kullanılabilirliği” dir.
Arayüz Tasarımı Fireworks,
Phtoshop,
Corel Draw,
Illustrator
İçeriğin Aktarılacağı Web Platformunun Oluşturulması
Platform Arayüz Altyapı
Web Platformunun Altyapısı Eğer ortamda sadece içerikler sunulacaksa içeriklerin
statik mi, dinamik mi yoksa veritabanından mı çağırılacağına karar verilmesi gereklidir.
Öğrenme veya yönetim sürecinin takip edileceği diğer 2 tür uygulamada ise veritabanını uygulamasının yer alması zorunludur.
Web Platformunun Altyapısı Web temelli eğitim platformlarında 3 farklı tür işlem
yapılabilir:
Sadece içerikler sunulabilir,
İçeriğinin sunumunun yanı sıra öğrenci hareketleri (gezinmesi, ölçme sonuçları, notları, vb.) takip edilebilir,
Öğrenme sürecinin de yanı sıra yönetim süreçleri (öğretmen atama, devam çizelgeleri, vb.) gerçekleştirilebilir.
Web Platformunun Altyapısı Eğer statik bilgiler sunulacaksa HTML dili ile
oluşturulmuş sayfaların tasarlanması yeterlidir.
not defteri,
Dreamweaver,
Frontpage
Publisher
05/12/2013
10
Web Platformunun Altyapısı Ancak eğer veritabanı uygulamaları yer alacaksa
öncelikle bilgilerin tutulacağı (öğrenci kullanıcı adları, şifreleri, notları, ziyaret ettikleri sayfalar vb.) bir veritabanının oluşturulması gereklidir.
Access,
MS SQL Server,
MySQL Server,
Oracle
Web Platformunun Altyapısı Veritabanı uygulamalarının geliştirilmesi için
ASP ya da PHP gibi bir dilin kullanılması ve
bu dillerin yazılabileceği Dreamweaver, Coldfusion vb. yazılımlardan faydalanılması ya da
Moodle tarzı hazır bir sistemden faydalanılması gereklidir
Web Platformunun Altyapısı Moodle,
açılımı Esnek Nesne Yönelimli Dinamik Öğrenme Ortamı (Modular-Object-Oriented-Dynamic-Learning-Environment) olan
eğitimcilere etkili çevrimiçi öğrenme ortamları geliştirmelerinde yardımcı olacak bir yazılımdır.
Web Platformunun Altyapısı Moodle ücretsiz bir yazılım olup
MySQL veri tabanı ve
PHP dilini destekleyen herhangi bir ortamda kullanılabilir.
Açık kaynak kodlu bir yazılım olmasından ötürü
tüm dünyaya yayılmış geniş bir kitle tarafından geliştirilmektedir
70 farklı dil desteği mevcuttur
Web Platformunun Altyapısı Moodle programında
iletişim ve işbirliği amacıyla chat ya da forumlar oluşturulabilir,
aynı zamanda grup geribildirimleri alınabilir,
öğrencilere ödevler ve
çevrimiçi sınavlar verilebilir,
oluşturulan sınavlar elle ya da otomatik olarak puanlanabilir,
SCORM uyumlu içerikler eklenebilir,
sözlük ve anketler eklenebilir.