İNTERNET ÜZERİNDE GÖRÜNTÜ İŞLEME

1. İNTERNET ÜZERİNDE GÖRÜNTÜ İŞLEME Mehmet Karakoç Ege Üniversitesi Bilgisayar Mühendisliği Bölümü INET-TR’11 - ARALIK 2011

2. İÇERİK • Giriş: Görüntü ve Görüntü İşleme (Gİ) • Gİ Uygulama Alanları ve Gİ ile Neler Yapılabilir? • Masaüstü Tabanlı Uygulamalar • Gİ Araçları ve Hazır Arayüzler • Masaüstü Uygulamalara Alternatifler - I • Online Resim Düzenleme ve Gİ Araçları ile Neler Yapılabilir? • Masaüstü Uygulamalara Alternatifler - II • Web’de Gİ’nin Kapsamı ve Uygulama Alanları + Yapılabilecek Çalışmalar • Örnek Çevrim İçi Servisler • İnternet Üzerinde Gİ? • Sonuçlar INET-TR’11 - ARALIK 2011

3. Giriş Görüntüleri masaüstümüzde düzenlemek mükemmel olabilir; fakat bazen evimizden uzakta, hazırlıksız olduğumuz bazı işler yapmamız da gerekebilir! INET-TR’11 - ARALIK 2011

4. Görüntü • Görüntü, gerçek yaşamdaki üç boyutlu nesnelerden oluşan bir sahnenin basit iki değişkenli bir fonksiyon olarak tanımlanması olup; üç boyutlu görünümün iki boyut üzerindeki haritası olarak tarif edilebilir. Görüntü oluşumunun resmedilmesi aşağıda verilmiştir. Şekil 1.1 Görüntünün gözde oluşumu. INET-TR’11 - ARALIK 2011

5. Görüntü İşleme Şekil 1.2 Bir Gİ sistem yapısının blok şeması *. * “Görüntü İşleme | Elif Boncuk’s Blog”, http://elifboncuk.wordpress.com/2011/02/06/goruntu-isleme/ • Gİ, sinyal işleme kapsamında yer alan ve hızlı gelişen önemli bir alandır. Gİ, sayısal bir resim hâline getirilmiş olan gerçek yaşamdaki görüntülerin bir giriş resmi olarak işlenerek özelliklerinin ve görüntüsünün değiştirilmesi sonucunda yeni bir resim oluşturulmasıdır (Yıldırım ve diğ., 2003). INET-TR’11 - ARALIK 2011

6. Gİ Uygulama Alanları ve Gİ ile Neler Yapılabilir? • Kameralar ile uzaktan izleme • Yüz, parmak izi, karakter, kâğıt para (banknot), plaka veya görüntü tanıma • Ürünlerin görüntü kalitesini ve üretim hatalarını test: Hatalı olan ya da belli boyutlardaki ürünleri ayırmak • Bozuk para sayma makinesi ile paraları ayırmak • Farklı şekillerin kenarları arasındaki açıları ölçmek INET-TR’11 - ARALIK 2011

7. Masaüstü Tabanlı Uygulamalar • Adobe Photoshop • Adobe Illustrator • GIMP • PixBuilder Studio • ArtWeaver • x360 Gİ Yazılımı • GdPicture • PhotoScape INET-TR’11 - ARALIK 2011

8. ArtWeaver • Masaüstü görüntü düzenleyicilerinden biridir. Photoshop kadar güçlü olmasa da işlevselliğive araçları ile Photoshop arayüzüne benzer. • Görüntüleri hızlı bir şekilde düzenlemek için basit bir görüntü düzenleyici aranıyor ise Photoshop alternatiflerinden biri • Öncesinde Photoshop kullananlar için kullanımı basit, temel resim düzenleme araçlarından fazlasını sunan, Photoshop gibi katmanları destekleyen ve kullanışlı resim fırçaları, görüntü ayarlamaları, filtreleri mevcut bir resim düzenleyicisidir. INET-TR’11 - ARALIK 2011

9. Adobe Photoshop • Özellikle dijital fotoğrafçılıkla uğraşanların yaygın olarak kullandığı, online araçları da olan masaüstü yazılımlarından biridir. INET-TR’11 - ARALIK 2011

10. Görüntü İşleme Araçları • PaintbrushJS: Tarayıcı Tabanlı Gİ Kütüphanesi • AForge.NET • Victor Gİ Kütüphanesi, geliştiricilere görüntü uygulamaları oluşturmak için pek çok fonksiyon (renk indirgeme, görüntüleme) sunan bir araçtır. • Emgu CV • Pixastic, bir JavaScript kütüphanesidir ve çeşitli işlemleri, filtreleri ve efektleri görüntülere uygulama imkânı tanır. • Image Processing Toolbox for MATLAB: MATLAB için Gİ aracıdır. INET-TR’11 - ARALIK 2011

11. Masaüstü Uygulamalara Alternatifler - I • Web tabanlı görüntü düzenleyicilerinin masaüstü muadillerine göre pek çok avantajları vardır. • En açık yararı, kullanıcıya tarayıcısı ve internet bağlantısı olan herhangi bir bilgisayar üzerinde çalışma imkânı sağlamasıdır. • Çoğu durumda, kullanıcı çalışmasını online olarak kaydedebilir ve böylece masaüstü yazılım yükleme ve platform zorunluluğu ortadan kalkar. INET-TR’11 - ARALIK 2011

12. Online Resim Düzenleme ve Gİ Araçları ile Neler Yapılabilir? • Sadece bir tıklama ile fotoğrafları düzeltebilme • Sonuçları daha detaylı bir şekilde ileri kontroller kullanarak ince ayarlardan geçirebilme • Gerçek zamanda kırpma, boyutlandırma ve döndürme gibi işlemler • Sanattan eğlenceye, pek çok özel efekt kullanarak arzu edilen görüntüleri elde etme • Görüntüler arasındaki ilişkilerin belirlenmesi, görüntülerin düzenlenmesi ve sınıflandırılması • Görüntü sorgulamaları, görüntüdeki nesneleri sınıflandırma veya benzer nesneleri tespit etme • İçerik tabanlı görüntü erişimi uygulamaları INET-TR’11 - ARALIK 2011

13. 1 -Pixlr • Adobe Photoshop ile benzer kullanıcı arayüzü içeren Flash tabanlı çok güçlü bir görüntü düzenleyicisidir. Uygulama arayüzü, web’deki bloglara, uygulamalara ve sitelere dâhil edilme imkânı sunmaktadır. Photoshop’un Magic Wand aracına * benzer bir şekilde, akıllı araçlarla benzer ve yakın piksellerin otomatik olarak seçilmesine yardımcı olur. * http://www.mediacollege.com/adobe/photoshop/tool/magic-wand.html INET-TR’11 - ARALIK 2011

14. 2 - Splashup • Flickr, Picasa ve Facebook gibikullanıcıların resimlerine uzaktan erişim imkânı tanıyan yaygın resim paylaşma servisleri ile bütünlük içinde olan ve çeşitli özelliklere sahip online bir görüntü düzenleyicisidir. • Çeşitli filtreleri, görüntü efektleri, esnek arayüzü, web kamerası ile görüntülerin elde edilmesini sağlama gibi seçenekleri bir arada bulundurur. INET-TR’11 - ARALIK 2011

15. 3 -Phoenix • Aviary tarafından geliştirilen web tabanlı güçlü bir görüntü düzenleyicisidir. • Masaüstü muadilleri ile rekabet içinde olup, kullanımı için erişim hesabı gerektirmektedir. Peacock (görsel laboratuvar) ve Toucan (renk aracı) gibi diğer Aviary araçlarına ve hizmetlerine ise erişim ücretsizdir. INET-TR’11 - ARALIK 2011

16. 4 - Pixer • Basit bir görüntü düzenleme aracına ihtiyaç olduğunda kullanılabilir. Çalışmaların PNG/JPG/GIF/BMP gibi dört popüler formattakaydedilmesi, parlaklık, koyuluk ve zıtlık gibi bazı renk ayarlamalarının yapılabilmesi gibi seçenekleri olan web tabanlı ücretsiz resim düzenleyicilerinden biridir. Basit bir arayüze sahiptir, kullanışlı özellikler içerir. INET-TR’11 - ARALIK 2011

17. 5 - FotoFlexer • Kullanması basit ve oldukça çok sayıda özellik içeren ücretsiz bir web tabanlı görüntü düzenleyicisidir. • Kırpma, boyutlandırma ve döndürme gibi yaygın düzenleme işlemleri ile oldukça kullanışlı bir hizmettir. • Ayrıca, Flickr, Picasa, Photobucket, Facebook, MySpace gibi yaygın web servisleri ile de bütünlük içindedir. INET-TR’11 - ARALIK 2011

18. 6 - SUMO Paint • Kullanıcıya görüntü düzenleme ve oluşturma imkânı sunan ücretsiz bir online görüntü düzenleyicisi: • Şekil aracı ile benzersiz şekillerin çizilmesi • Fırça aracı ile yüksek kaliteli fırçalama işlemleri • Dönüşüm aracı ile nesneleri ölçeklendirme, taşıma ve döndürme gibi işlemler INET-TR’11 - ARALIK 2011

19. Masaüstü Uygulamalara Alternatifler - II INET-TR’11 - ARALIK 2011

20. <Lunapic - Aviary> - <Phixr> INET-TR’11 - ARALIK 2011

21. TinEye • Sahip olduğu veri seti ve listelediği sonuçlar ile üstün bir çalışma olan ve idée firması tarafından çıkarılan TinEye adlı ürüne www.tineye.com adresinden ulaşılabilir. • Bu ürün ücretsiz olarak internet tarayıcılar ile kullanılabilmekte ve ilgili olunan görüntü web ortamında aranabilmektedir. INET-TR’11 - ARALIK 2011

22. Wash INET-TR’11 - ARALIK 2011

23. Pixolu INET-TR’11 - ARALIK 2011

24. Wang INET-TR’11 - ARALIK 2011

25. iPiccy INET-TR’11 - ARALIK 2011

26. myImager INET-TR’11 - ARALIK 2011

27. Web’de Gİ’nin Kapsamı ve Uygulama Alanları • Pek çok alanda kullanılan Gİ’nin çok çeşitli ve farklı uygulamaları vardır. • Gİ kapsamında çeşitli proje, çalışma ve araştırmalar gerçekleştirilebilir. • Gİ uygulamalarının platformdan bağımsız olarak geliştirilmesi • Teknolojinin gelişmesi ve yaygınlaşmasıyla birlikte, internet erişim hızı ve altyapısına bağlı olarak uygulama geliştirmedeki avantajlar INET-TR’11 - ARALIK 2011

28. Gİ ile Web Üzerinde Neler Yapılabilir? • Görsel web araçları oluşturmak, uygulamaların görselleştirilip web üzerinden sunulması • Görüntülerin web üzerinde aranması (web sayfaları benzer görüntüleri içeriyor mu) • Web sayfaları için resimler, çeşitli bileşenler, animasyonlar gibi araçlar hazırlamak, resim düzenleme yazılımları kullanmak • Çoklu ortam (multimedia) verilerin (görüntüler/videolar) aktarılması ve sıkıştırılması • Görüntü içerikli modüllere, çeşitli uygulamalara vb. kaynaklara ulaşabilme • Öğrenme materyali olma INET-TR’11 - ARALIK 2011

29. PicSOM • PicSOM adlı web servisi ile birbirine renksel, şekilsel olarak benzeyen görüntüler bulunabilmektedir. • Öncelikle listelenen imgelerden aranılan görüntüye en yakını seçilir, gelen sonuçlar kullanıcının seçtiği imgeye göre sürekli filtrelenerek aranılan görüntüye ulaşılmaya çalışılır. (http://www.cis.hut.fi/picsom/) INET-TR’11 - ARALIK 2011

30. Örnek Gİ Yazılımı ve Kabartma Uygulaması INET-TR’11 - ARALIK 2011

31. Örnek Çevrim İçi Servisler - I [1] http://matlabserver.cs.rug.nl/, “Web-enabled Image Processing Operators”. [2] http://www.tineye.com/, “TinEye Reverse Image Search”. [3] http://www.phys.vt.edu/~jhs/SIP/, “Sky Image Processor”. [4] http://catenarysystems.com/welcome.html, “Online Image Processing”. [5] http://www.ga.gov.au/map/tweed_heads/, “Image Processing Online”. [6] http://www.myimager.com/, “Your Everything Online Image Editor”. [7] http://www.picnik.com/, “Picnik - Photo editing the easy way, online in your browser”. [8] http://www.online-image-editor-clarkii.com/, “online image and photo editing”. [9] http://www.imageeditor.net/, “Free Online Picture Editor, Image Editor and Photo Editor”. [10] http://editor.pixastic.com/, “Pixastic - Online JavaScript Photo Editor”. INET-TR’11 - ARALIK 2011

32. Örnek Çevrim İçi Servisler - II [1] http://www.shutterfly.com/learn/online_photo_processing.jsp, “Shutterfly | Online Photo Processing”. [2] http://www.catenary.com/appnotes/onlineapp.html, “Victor Library ASP.NET Online Image Processing”. [3] http://www.medical-image-processing.info/, “The Image Processing Site on the Internet for the medical field”. [4] http://www.cs.washington.edu/research/imagedatabase/, “Object and Concept Recognition for Content-Based Image Retrieval”. [5] http://www.izhuk.com/imaging/, “Image upload and processing applet. Crop, resize, rotate, adjust brightness and contrast”. [6] http://www.webpictool.com/, “Free Online Photo Editor -WebPicTool for those without Photoshop”. [7] http://www.freeonlinephotoeditor.com/, “ONLINE PHOTO EDITOR - Edit your photos, pictures and images online for free”. INET-TR’11 - ARALIK 2011

33. İnternet Üzerinde Görüntü İşleme? - I • Haberleşme, ticaret, kamu hizmetleri gibi pek çok temel işlevin yürütülmesi • Bir bilgi ve eğitim ortamı da olan internet ile web tabanlı içerik oluşturma • Görüntü tabanlı işlemlerin gerçekleştirilmesi • Web tabanlı araçlar sayesinde, değişik meslek gruplarından kişilere ve araştırmacılara ulaşabilme, test olanağı ve problemlere çözüm • Geliştirilen uygulamaların çeşitli teknolojilerle kullanılabilir hale getirilmesi ve çözümün daha hızlı ve kolay bir şekilde kullanıcıya etkileşimli olarak sunulması INET-TR’11 - ARALIK 2011

34. İnternet Üzerinde Görüntü İşleme? - II • Gİ alanı ile daha çok kişinin tanışması • Gİ için gerekli ortamların birleştirilerek kullanılabilmesi ile pek çok projenin daha çok kişiye, çok daha hızlı bir şekilde ulaşabilmesi • Geliştiriciler ve araştırmacılar için programlama, kullanıcılar için kullanım rahatlığı • Etkileşimli olarak geliştirilen Gİ uygulamalarının web üzerinden kullanılması, anlatılmak istenen konuyu, bu konu hakkında hiç bir bilgisi olmayan kullanıcılara dahi kolay bir şekilde sunabilir. INET-TR’11 - ARALIK 2011

35. Sonuçlar • Gİ tekniklerinin gelişmesi ve web üzerinde bütünleşik olarak çalışabilen zeki uygulamaların çoğalması ile Gİ internet üzerinde daha etkili ve aktif bir şekilde pek çok alanda uygulanabilir. • Günümüzde pek çok uygulamanın web ve hatta mobil tabanlı çalışabilecek şekle getirilmesi ve geliştirilmesi ile bilgiye erişimin daha da esnek bir şekilde gerçekleştirilebildiği ve Gİ’nin de web üzerinde daha esnek ve başarılı bir şekilde uygulanabileceği aşikârdır. INET-TR’11 - ARALIK 2011

36. Sorular INET-TR’11 - ARALIK 2011

37. Teşekkürler INET-TR’11 - ARALIK 2011

38. KAYNAKLAR - I • http://fotoflexer.com/,“FotoFlexer - The world's most advanced online photo editor”. • http://www.online-image-editor-clarkii.com/, “online image and photo editing”. • http://www.imageeditor.net/, “Free Online Picture Editor, Image Editor and Photo Editor”. • http://editor.pixastic.com/, “Pixastic - Online JavaScript Photo Editor”. • http://pixer.us/, “pixer.us :: online photo editor”. • http://www.aviary.com/tools/phoenix,“Free online image and photo editor - Aviary.com's Phoenix”. • http://www.mediacollege.com/adobe/photoshop/tool/magic-wand.html,“Photoshop Magic Wand Tool”. • http://pixlr.com/editor/, “Pixlr”. • http://matlabserver.cs.rug.nl/, “Web-enabled Image Processing Operators”. • http://www.tineye.com/, “TinEye Reverse Image Search”. • http://www.phys.vt.edu/~jhs/SIP/, “Sky Image Processor”. • http://catenarysystems.com/welcome.html,“Online Image Processing”. • http://www.ga.gov.au/map/tweed_heads/, “Image Processing Online”. • http://www.myimager.com/, “Your Everything Online Image Editor”. INET-TR’11 - ARALIK 2011

39. KAYNAKLAR - II • http://www.shutterfly.com/learn/online_photo_processing.jsp,“Shutterfly | Online Photo Processing”. • http://www.catenary.com/appnotes/onlineapp.html,“Victor Library ASP.NET Online Image Processing”. • http://www.medical-image-processing.info/,“The Image Processing Site on the Internet for the medical field”. • http://www.cs.washington.edu/research/imagedatabase/, “Object and Concept Recognition for Content-Based Image Retrieval”. • http://www.izhuk.com/imaging/, “Image upload and processing applet. Crop, resize, rotate, adjust brightness and contrast”. • http://www.webpictool.com/,“Free Online Photo Editor -WebPicTool for those without Photoshop”. • http://www.freeonlinephotoeditor.com/, “ONLINE PHOTO EDITOR - Edit your photos, pictures and images online for free”. • http://www.cis.hut.fi/picsom/, “PicSOM”. • http://www.splashup.com/splashup/, “Splashup”. • http://www.picnik.com/, “Picnik - Photo editing the easy way, online in your browser”. • http://www.sumopaint.com/app/, “SUMO Paint”. INET-TR’11 - ARALIK 2011