Yazlm Gelitirme Aralar Eitim Yazlm Gelitirme Aralar erik

  • Slides: 63
Download presentation
Yazılım Geliştirme Araçları

Yazılım Geliştirme Araçları

Eğitim Yazılımı Geliştirme Araçları İçerik Platform

Eğitim Yazılımı Geliştirme Araçları İçerik Platform

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Arayüz Platform Altyapı

Arayüz Platform Altyapı

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Metin Oluşturma Araçları �Web ortamlarında en sık kullanılan bileşen metinlerdir. �Diğer materyaller (örneğin resimler)

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 Perfect : � Masaüstü yayıncılık programları:

Metin Oluşturma Araçları �Kelime işlemci programları: Writer, Word Perfect : � Masaüstü yayıncılık programları: Publisher, In. Design � Web editörleri: Dreamweaver, Flash, Frontpage

Metin Oluşturma Araçları �CSS: �Kullanılan web editörü ne kadar gelişmiş olursa olsun html dili

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.

Metin Oluşturma Araçları �CSS: �Top. Style, Style Master ve Rapid CSS Editör

Metin Oluşturma Araçları �CSS: �Top. Style, Style Master ve Rapid CSS Editör

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Görsel Materyal Geliştirme Araçları �Çizimler, fotoğraflar ya da grafikler gibi dijital görsel imajlar görseller

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 (Duffy, Mc. Donald, Mizell, 2003). �Öğretim amaçlı kullanılabilecek olan görseller kendi arasında 4 grupta ele alınabilir:

Üç boyutlu görsel materyalle r Resimler Görseller Kavram ve zihin haritaları Grafikler. Tablolar

Üç boyutlu görsel materyalle r Resimler Görseller Kavram ve zihin haritaları Grafikler. Tablolar

Resimler

Resimler

Resimler �Piksel tabanlı resimler, piksel denilen çok ufak noktalardan oluşur. �Piksel tabalı resimlerin çözünürlükleri

Resimler �Piksel tabanlı resimler, piksel denilen çok ufak noktalardan oluşur. �Piksel tabalı resimlerin çözünürlükleri 1024 x 768, 640 x 400, 800 x 600 gibi değerlere sahip olabilir.

Resimler �Vektörel resimler nokta esaslı resimlerden farklıdırlar, çünkü bunlar seçilen, değiştirilebilen ve taşınabilen geometrik

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. �Nesneye dayalı grafikler, pixellerden oluşmazlar, böylece pürüzsüz görünürler ve resmin çözünürlüğüne bağlı değildirler

Resimler �Photoshop �Corel Draw �Fireworks

Resimler �Photoshop �Corel Draw �Fireworks

Üç boyutlu görsel materyaller �Gerçek ortam ya da maddelerle ilgili öğrencilerin inceleme, gezinme ve

Üç boyutlu görsel materyaller �Gerçek ortam ya da maddelerle ilgili öğrencilerin inceleme, gezinme ve düzenleme yapması için bu ortam ya da nesneler modellenerek 3 boyutlu görsel materyaller üretilmektedir.

Üç boyutlu görsel materyaller � 3 boyutlu görsel materyaller web temelli öğrenme ortamlarında aşağıdaki

Üç boyutlu görsel materyaller � 3 boyutlu görsel materyaller web temelli öğrenme ortamlarında aşağıdaki amaçlarla kullanılabilirler: �Öğrencilerin doğrudan gözlemesi için çok küçük, zor ya da tehlikeli olduğu durumlarda gözlem yapmaları için, �Diğer gezegenler, atomlar, okyanusun dibi gerçek hayatta ziyaret etmeleri mümkün olmayan yerleri ziyaret etmeleri için,

Üç boyutlu görsel materyaller � 3 boyutlu görsel materyaller web temelli öğrenme ortamlarında aşağıdaki

Üç boyutlu görsel materyaller � 3 boyutlu görsel materyaller web temelli öğrenme ortamlarında aşağıdaki amaçlarla kullanılabilirler: �Arkeolojik siteler, mimari planlar gibi fiziksel ortamları araştırmaları için, �Askeri saldırılar gibi karmaşık ve tehlikeli etkinliklerle ilgili deneyim kazanmak için, �Çok değişkenli verileri 3 boyutlu şekillerle gösterme gibi karmaşık fiziksel ve mantıksal ilişkileri göstermek için.

Üç boyutlu görsel materyaller �Üç boyutlu modellemeler gerçekleştirilirken: � nesneleri modelleme, �nesne özelliklerini belirleme,

Üç 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 �Üç boyutlu modeller etkileşimli hale getirip web ortamında sunmak istendiğinde

Üç boyutlu görsel materyaller �Üç boyutlu modeller etkileşimli hale getirip web ortamında sunmak istendiğinde � swf (flash) yada � shockwave player formatlarına dönüştürmek gerekmektedir.

Üç boyutlu görsel materyaller �Maya � 3 DS Max �Z-Brush �Poser � Lightwave

Üç boyutlu görsel materyaller �Maya � 3 DS 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 �

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® X 3

Grafikler-Tablolar �Excel, �Calc, �Quattro Pro® X 3

Kavram ve zihin haritaları �Kavram haritası, kavramlar ve kavramlar arası ilişkileri gösteren somut bilgi

Kavram ve zihin haritaları �Kavram haritası, kavramlar ve kavramlar arası ilişkileri gösteren somut bilgi grafikleridir. �Kavramlara somut bir nitelik kazandırmak, � yeni öğrenilecek kavramlar ile önceki öğrenilenler arasında bağlantı kurmak, �kavramlar ile alt kavramlar arasındaki ilişkileri belirlemek ve �konu alanının bütününü öğrencinin görmesini sağlamak

Kavram ve zihin haritaları �Inspiration, �Kidspiration, �Concept Draw, �Smartdraw

Kavram ve zihin haritaları �Inspiration, �Kidspiration, �Concept Draw, �Smartdraw

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Ses geliştirme araçları �Yaygın kanı ve öğretim deneyimleri tek bir duyuya hitap eden bir

Ses geliştirme araçları �Yaygın kanı ve öğretim deneyimleri tek bir duyuya hitap eden bir ders yerine görsel ve işitsel destekle sunulan bir dersin daha çekici olduğunu göstermiştir. �Bunun nedeni bu bileşenleri eklemenin �öğrencilerin daha fazla duyusuna hitap ederek �sunulan içerikle ilgili çoklu bilişsel bağlantılar oluşturmalarına yardımcı olmasıdır (Duffy, Mc. Donald, Mizell, 2003)

Ses geliştirme araçları �Seslerle ilgili 3 temel süreç: � ses kayıt, � ses düzenleme

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,

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

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Video Geliştirme Araçları �Videolar, � soyut kavramları somutlaştırmak, �metin yâda hareketsiz görsellerle açıklanması zor

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

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.

Video Geliştirme Araçları �Bu uygun formatlar �swf (flash) ve �sıkıştırılmış video türleridir. �Swf formatı

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 Video. Studio

Video Geliştirme Araçları �Corel Video. Studio

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Animasyonlar �Animasyonlar nesnelerin nasıl konum ve şekil değiştirdiğini göstermeyi sağlar. �Ayrıca devam eden süreçlerle

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 (Boyle, 1997).

Animasyonlar �Web ortamlarında �flash (swf) formatında animasyonlar, �shockwave (dxr) formatında animasyonlar , �hareketli resimler

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

Animasyonlar �Adobe Flash, �Swish, �Flash Menu Builder, � Photoshop , Corel, Fireworks �Director

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Etkileşimli İçerikler �Teknolojideki hızlı değişimle birlikte, etkileşimli çoklu ortamların hazırlanması kolay hale gelmiştir.

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

Etkileşimli İçerikler �Captivate, � Flash, � Director, �Authorware programları ve �Script dilleri

Etkileşimli İçerikler �Captivate, � Flash, � Director, �Authorware programları ve �Script dilleri

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Simulasyonlar (Benzetimler) �Simülasyonlar, bir takım olay ve durumları modelleyerek gerçek durumu yansıtmaya çalışan yazılımlardır.

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

Simulasyonlar (Benzetimler) �Director, �Flash, �Authorware gibi yazılımlar ya da � script dilleri

Simulasyonlar (Benzetimler) �Director, �Flash, �Authorware gibi yazılımlar ya da � script dilleri

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

metin Ölçme araçları Benzetim ler görsel İçerik Etkileşim li içerikler ses Video Animasy on

Ölçme �Bir eğitim sürecinin temel aşamalarından biri de ölçme işlemidir. �Öğretim sürecinin başında öğrencinin

Ö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, �Course. Builder vb. yazılımlar �ASP, �PHP gibi diller

Ölçme �Hot Potatoes, �Flash, �Captivate, �Course. Builder vb. yazılımlar �ASP, �PHP gibi diller

İçeriğin Aktarılacağı Web Platformunun Oluşturulması Altyapı Platform Arayüz

İçeriğin Aktarılacağı Web Platformunun Oluşturulması Altyapı Platform Arayüz

İçeriğin Aktarılacağı Web Platformunun Oluşturulması Altyapı Platform Arayüz

İçeriğin Aktarılacağı Web Platformunun Oluşturulması Altyapı Platform Arayüz

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 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

Arayüz Tasarımı �Fireworks, �Phtoshop, �Corel Draw, �Illustrator

İçeriğin Aktarılacağı Web Platformunun Oluşturulması Altyapı Platform Arayüz

İçeriğin Aktarılacağı Web Platformunun Oluşturulması Altyapı Platform Arayüz

Web Platformunun Altyapısı �Eğer ortamda sadece içerikler sunulacaksa içeriklerin statik mi, dinamik mi yoksa

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

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.

Web Platformunun Altyapısı �Eğer statik bilgiler sunulacaksa HTML dili ile oluşturulmuş sayfaların tasarlanması yeterlidir. �not defteri, �Dreamweaver, �Frontpage �Publisher

Web Platformunun Altyapısı �Ancak eğer veritabanı uygulamaları yer alacaksa öncelikle bilgilerin tutulacağı (öğrenci kullanıcı

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, � My. SQL Server, �Oracle

Web Platformunun Altyapısı �Veritabanı uygulamalarının geliştirilmesi için � ASP ya da PHP gibi bir

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

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 �My. SQL veri tabanı ve �PHP

Web Platformunun Altyapısı �Moodle ücretsiz bir yazılım olup �My. SQL 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,

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.

ÖZET �Eğitsel yazılımların geliştirme sürecinde �içeriğin oluşturulması ve � içeriğin sunumu için plak ilectformun

ÖZET �Eğitsel yazılımların geliştirme sürecinde �içeriğin oluşturulması ve � içeriğin sunumu için plak ilectformun oluşturulması gereklidir. �Bu süreçlerin her birinde kullanılabilecek farklı araçlar bulunmaktadır.