Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

418

340 views

Published on

web 2.0 araçları ve justin.tv canlı yayın yapımı

Published in: Business, Health & Medicine
  • Be the first to comment

  • Be the first to like this

418

  1. 1. Konu= Web 2.0 Araçları<br />Justin.Tv<br />Grup Adı= GRUP 4<br />Grup Elemanları = Gökhan Kuzu <br />HalitSancak<br />KemalÇapkın<br /> Murat Hacıhaliloğlu<br />
  2. 2. Konu 1 = Web 2.0 Araçları<br />
  3. 3. WEB 2.0 ARAÇLARI<br />Teknolojinin ilerlemesiyle öğrenme ortamlarının farklılaştığını ve zenginleştiğini görüyoruz. Bu ortamlardan biri olan internetin yaygınlaşması beraberinde eğitim amaçları uygulamaları her geçen gün artıyor ve ilerlemelere paralel olarak bu ortamlarda kullanılabilecek öğrenme araçları sayısı da artıyor. Bireylerin ihtiyaçları doğrultusunda geliştirilen bu araçların yapısına baktığımızda aslında WEB 2.0 teknolojisinin bir parçası olarak ortaya çıktığını görüyoruz. Biz buradan yola çıkarak WEB 2.0 araçlarından eğitimde kullanımı giderek yaygınlaşan BLOG, WİKİ, PODCAST ve RSS’ ele alarak neler oldukları, eğitim sürecinde kullanımı, öğrenme ortamında bize getirdikleri ve örnek uygulamaları kapsamında açıklamalarda bulunacağız. <br />
  4. 4. WEB 2.0 ARAÇLARI<br />1. Logolar<br />Web 2.0 ile birlikte birçok firma logosunu yeniden tasarladı. Logolara daha parlak bir görüntü verilirken, yansıma efekti de bolca kullanıldı. Ayrıca pekçok yeni açılan servis, logosuna bir BETA ibaresi yerleştirmeyi alışkanlık haline getirdi. Eğer siz de logonuzda değişiklikler yapmak istiyorsanız bu kriterleri yerine getirmelisiniz. <br />
  5. 5. WEB 2.0 ARAÇLARI<br />2. Butonlar<br />Web 2.0 ile o eski çirkin gri butonlar terk edilmeye başlandı. Web tarayıcılarının sunduğu klasik butonları kullanmaktansa herkes imaj işleme yazılımlarıyla kendi butonunu kendi tasarlamaya başladı. Resim olarak hazırlanan bu butonlarda özellikle cam efekti ve renk geçiş (gradient) efekti hakim. Ayrıca birçok butonda, anlamlı küçük simgeler de kullanıldığını görüyoruz. <br />
  6. 6. WEB 2.0 ARAÇLARI<br />3. Arkaplanlar<br />Web 2.0 ile birlikte web sitelerinin önplanında bu kadar değişiklik yapılmışken arkaplan da unutulmadı tabi Web 2.0 sitelerinin arkaplanında çoğunlukla iki farklı teknik gözümüze çarpıyor. Bunlardan birincisi yatay şeritler iken ikincisi de düz renk geçişleri. Hazır olarak yatay şeritleri Stripe Generator veya Stripe Designer ile kolayca hazırlayabiliyorsunuz. Eğer ki yatay şeritlere göre gözü daha az yoran renk geçişli arkaplanlardan kullanmak isterseniz Free Fading Background Images pakedini indirebilirsiniz.<br />
  7. 7. WEB 2.0 ARAÇLARI<br />4. Yuvarlak köşeli kutular<br />Web 2.0 ile birlikte köşeleri yuvarlatılmış kutuların kullanımı çok yaygınlaştı. Köşeleri düz, kare veya dikdörtgen biçimde kutular kullanmak artık gerilerde kaldı. CSS‘nin 3.0 sürümüyle gelecek olan border-radius özelliğiyle de tamamen tarihe karışacağını düşünüyorum. <br />
  8. 8. WEB 2.0 ARAÇLARI<br />5. Renk geçişleri<br />Bir renkten farklı bir renge veya aynı rengin koyu tonundan daha açık tonuna geçiş yapmamızı sağlayan efekte gradient ismi veriliyor. Ve bu efekti web 2.0 tasarımlarında bolca görebiliyoruz. Butonlarda, arkaplanlarda veya menülerde… Tasarımlarınıza derinlik hissi katan bu efekti hazır olarak kullanabileceğiniz araçlar da mevcut. <br />
  9. 9. WEB 2.0 ARAÇLARI<br />6. Rozetler<br />İlk maddede yeni açılan pekçok web 2.0 servisinin, logolarına bir BETA ibaresi yerleştirdiklerinden bahsetmiştim. Bu beta ibaresini güçlendirmek için tasarımcılar, rozet (badge) şeklinde imajlardan faydalanıyorlar. Bu rozetlerin asıl kullanım amacı, kullanıcının dikkatini belli bir konu üzerinde yoğunlaştırmak. <br />
  10. 10. WEB 2.0 ARAÇLARI<br />7. Menüler ve Sekmeler<br />Navigasyon sistemi bir web sitesinde oldukça önemli bir yer tutar. Bu yüzden yeterince anlaşılır ve karmaşadan uzak bir navisyon sistemi tasarlamanız gerekiyor. Basitliğin ve kullanılabilirliğin önplanda tutulduğu Web 2.0 sitelerinde oldukça hoş menüler/sekmeler görüyoruz. Kendi web sitenizde bu menülerden/sekmelerden kullanmak için CSS Tab Designer isimli ücretsiz yazılımdan faydalanabilirsiniz. Bu yazılım ile yatay veya dikey olarak pratik bir şekilde menüler/sekmeler hazırlayabilmeniz mümkün. Dynamic Drive CSS Library ise bu konuda bir diğer güzel kaynak.<br />
  11. 11. WEB 2.0 ARAÇLARI<br />8. Simgeler<br />Web 2.0 sitelerindeki bir diğer trend ise simge kullanımıdır. Simgeleri kullanarak anlatmak istediğiniz veya dikkat çekmek istediğiniz bir konuya odaklanılmasını kolaylaştırabiliyorsunuz. Doğru yerde doğru simgeyi kullanırsanız son derece etkili görünümler elde edebilirsiniz. Eğer simge hazırlamak istemiyorsanız veya simge satın almak istemiyorsanız ücretsiz simge sunan siteleri kullanmanız gerekiyor.<br />
  12. 12. WEB 2.0 ARAÇLARI<br />9. Renkler<br />Renk kullanımı elbette yeni birşey değil ama web 2.0 ile birlikte üzerinde daha önemle durulan bir nokta. Artık birbiriyle maksimum düzeyde uyumlu renkler kullanılıyor. Renkler eskine oranla şimdi daha sıcak, daha canlı ve daha ferah. Kendi gözlemlerinde web 2.0 tasarımlarında ağırlıklı olarak mavi, yeşil, kırmızı, turuncu, pembe ve gri tonlarının kullandığını görüyorum. <br />
  13. 13. WEB 2.0 ARAÇLARI<br />10. Yazı tipleri<br />Web 2.0 ile birlikte özellikle yazı boyutlarındaki artış hemen göze çarpıyor. Eskisine oranda daha büyük ve daha kalın yazılar kullanılıyor. Yine basitlik adına eskisine oranla daha az yazı kullanıldığını görüyoruz. Böylece ferah bir görüntü elde etmek için web sayfasında yer yer boşluklar oluşturulmuş da oluyor. Yazı tipine gelince ise aslında bu konuda pek bir sınırlama yok. <br />
  14. 14. Konu 2 = Justin.tv<br />
  15. 15. Justin.tv<br />Üyelik<br />
  16. 16. Create Account’atıklarız<br />
  17. 17. Gerekli bilgiler girilir. <br />Sign Up ‘a tıklarız<br />
  18. 18.
  19. 19. Justin.Tv<br />CanlıYaYınYapımı<br />
  20. 20. Broadcast ‘a Tıklarız<br />
  21. 21. Browse ‘a tıklarız<br />
  22. 22. LogomuzuseçerOpen’atıklarız<br />
  23. 23. Gerekli bilgiler seçilip Save &Continue ‘a tıklarız<br />
  24. 24. Allow’atıklarız<br />
  25. 25. Start Broadcast ‘a Tıklarız<br />
  26. 26. Bu Buttonabasıpyayınımızıkayıtederiz<br />
  27. 27. Stop Broadcast ‘a tıklarYayınıdurduruz<br />
  28. 28. BİZİ DİNLEDİĞİNİZ İÇİN<br />TEŞEKKÜRLER<br />
  29. 29. KAYNAKÇA<br />http://bote.hacettepe.edu.tr/wiki/index.php/ARA%C3%87LAR<br />http://www.webmaster.ziranbula.com/genel/web-20-tasarim-araclari-nedir-ne-degildir.html<br />www.justin.tv<br />

×