yazılım geliştirme araçları - eemb dersler...05/12/2013 9 arayüz tasarımı kullanıcı...

10
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 Animasy on Etkileşim li içerikler Benzetim ler Ölçme araçları

Upload: others

Post on 02-Mar-2020

15 views

Category:

Documents


0 download

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.