SHOT ekran görüntüsü alıntılama aracı

SHOT adını koyduğum yeni bir uygulama(cık) ile karşınızdayım. Ve biliyorsunuz ki çok uzun zamandır arka plandayım. Tasarım kısmında değil ama kodlama kısmında yer aldığımı zaten bu blog sayfalarından biliyorsunuz. PHP, C#, Javascript ve çok hakim olmasam da diğer dillerde yazılımları da deneyimliyorum. NodeJS ile tanıştığımda da denemeler yaptım, okumalar yaptım, güzel uygulamalar oluşturan kişilerin içeriklerini inceledim. Sonunda da kendi uygulamamı yapmaya karar verdim.

Neden SHOT

İsimler konusunda zaten çok marifetli değilim, benim olayım görsel hafıza ve kişilerin yüzleri 🙂 Screenshot tanımındaki shot yeterli bence. Hem bir de subdomain olayında uzun isim çok mantıklı değil bence.

Uygulamaya erişmek için https://shot.jsapp.in

SHOT Altyapısı nedir?

En temel yapı NodeJS. Sonrasında React ile ileryeyen bir süreç var. Tasarımsal olarak Bulma CSS framework kullandım ve tabii ki olmazsa olmazımız font awesome. Bunlar en basit şekilde size aktarabileceğim altyapı. En basitinden yaptığı iş de zaten verilen site adresinin ekran görüntüsünü almak.

Yukarıdaki tasarımda gördüğünüz gibi çok basit bir arayüzü var. Adresi giriyorsunuz, soldaki seçenekten alınacak ekran görüntüsü boytunu seçiyorsunuz ve resmin kalitesini seçiyorsunuz. Eğer değiştirmezseniz %60 kalitede bir resim çıktısı alıyorsunuz. Ekran görünütüsü boyutu tam sayfadan mobil cihazlara kadar bulunmakta.

Şu an için standart sayılabilecek boyutları ekledim proje içerisine. İlerleyen süreçte akıllı cihaz ve monitörlerin özel boyutlarına göre de ayrım yapacağım.

Bunun yanında aktarmak istediğim bir şey daha var. Sistem build edilmiş halde çalıştığından Service Worker API altyapısını kullanarak size en iyi deneyimi sunmak için tasarlandı. Internet Explorer, Edge Browser ve Safari bu bağlamda bu API için destek vermiyor (bildiğim kadarıyla yapım aşamasında). En iyi Firefox ve Chrome ile verim alabilirsiniz.

Daha fazla uygulama yolda

jsapp.in alan adını aldım ve daha fazla uygulama oluşturmaya devam etmeyi düşünüyorum. şu an için jsapp.in sitesini ziyaret ederseniz sizleri “Hellö” diye karşılayacaktır 🙂

Hostazor’a Teşekkür

Bu arada site ve ona bağlı sistemler bir sunucu üzerinde çalışıyor. Bu sunucu da yılbaşı çekilişinde Hostazor tarafından bana hediye edilen sunucu. Hosting ve diğer çözümleri konusunda tercihim zaten Hostazor firmasıydı ancak daha önce sunucularının verimliliğini kontrol etme şansım olmamıştı. Bu bağlamda çekilişi yapan ve hediyemi anında aktif eden Hostazor’a da teşekkür etmek istiyorum. Velocirazor ürünleri başarılı iş çıkartıyor şu ana kadar.

Çekiliş Postu

Dipnot: Bu arada geri bildirim candır. Bana bulduğunuz hataları, isteklerinizi iletin lütfen!