İstanbul Teknik Üniversitesi web sitesi www.itu.edu.tr uzun bir süredir yenilenme çalışmaları içerisindeydi. İçerik yönetim sistemi yenilenmiş ve tasarımda değişiklik kararı almıştık. Haber ve etkinlik modülü, galeri modülü, içerik modülü ve bağlantı modülü toplamından oluşan içerik yönetim sistemimiz çok dinamik bir yapıda ve her türlü uyarlamaya açık durumda. İçerik yönetim sisteminin esnekliği bize tasarım uygulama konusunda da kısıtlama getirmedi.

Fireworks CS4 ile hazırladığım tasarımı, xhtml kodlamada Dreamweaver CS4 ve css kodlamada TopStyle programları yardımıyla tamamladım. Site içeriğindeki foto galeri, kapak resim geçişleri ve açılır kapanır menüler JQuery eklentileri kullanılarak hazırladım. XHTML ve CSS üretiminin ardından içerik yönetim sistemi ve veritabanı bağlantıları Microsoft Visual Studio 2008 kullanılarak yapıldı. Böylelikle tasarım ASP.NET platformuna taşınmış oldu.

İstanbul Teknik Üniversitesi web sitesi: www.itu.edu.tr

Bu yazı toplamda 119, bugün ise 0 kez okundu.

EkleBunu Sosyal Paylaşım Butonu

İstanbul Teknik Üniversitesi Bilgi İşlem Daire Başkanlığı bilişim uzmanları yetiştirmek için çeşitli eğitimler düzenliyor. Microsoft IT Academy, Cisco Networking Academy ve İTÜ Linux Akademi olarak üç farklı eğitim seçeneğinden ilgi alanlarınıza göre eğitim seçebilir ve alacağınız sertifikalarla kariyerinize yön verebilirsiniz.

Eğitmenlerin aktif olarak sistem mühendisi, yazılımcı ve saha mühendisi olarak görev yapan kişiler olması bu eğitimleri diğer eğitim kurumlardan farklı kılıyor. Eğitmenler proje deneyimlerini anlattıkları konularla bağdaştırarak öğrencilere tecrübe aktarımı yapıyorlar. Bu sayede öğrenciler sadece teorik ve hayali bilgileri ezberlemek zorunda kalmıyorlar.

BT Eğitimleri web sitesi: http://www.btegitimleri.itu.edu.tr

BT Eğitimleri web sitesini iki hafta gibi kısa bir sürede yeniledik. Projede tasarım için Adobe Fireworks CS4, xhtml kodlamada Dreamweaver CS4 ve css editörü olarak TopStyle programlarını kullandım.

Bu yazı toplamda 129, bugün ise 2 kez okundu.

EkleBunu Sosyal Paylaşım Butonu

Croci markasının panjur ve lamel sistemlerini Türkiye temsilcisi Crocist sitesinin tasarım ve uygulamasını tamamladım.

Projede tasarım için Adobe Fireworks CS4, xhtml kodlamada Dreamweaver CS4 ve css editörü olarak TopStyle programlarını kullandım.

Crocist web sitesini görmek için: http://www.crocist.com

Bu yazı toplamda 112, bugün ise 0 kez okundu.

EkleBunu Sosyal Paylaşım Butonu

İTÜ Tekstil Teknolojileri ve Tasarımı Fakültesi web sitesi yeni tasarımıyla yayında.

Tekstil teknolojileri ve tasarımının tüm alanlarında çağdaş, bilimsel, teknolojik ve yenilikçi araştırmalar yaparak toplumun hizmetine sunan ve faaliyet gösterdiği alanlarda tercih edilen eğitim kurumu olma vizyonu ile eğitim veren Tekstil Fakültesi web sitesini tasarım ve içerik yönetim sistemi uygulaması ile tamamladım.

Projede tasarım için Adobe Fireworks CS4, xhtml kodlamada Dreamweaver CS4 ve css editörü olarak TopStyle programlarını kullandım. İçerik yönetim sistemi ASP.NET ile kodlanmış ve SQL Server 2005 veritabanı ile çalışmaktadır.

Fakültenin yeni web sitesini görmek için: www.tekstil.itu.edu.tr

Diğer projeler

Güncel çalışmalar devam etmekle birlikte daha önce tamamlanan projeleri de aşağıdaki bağlantılardan görebilirsiniz.

İTÜ projelerini görmek için burayı, diğer özel projeleri görmek için burayı tıklayın.

Bu yazı toplamda 250, bugün ise 0 kez okundu.

EkleBunu Sosyal Paylaşım Butonu

Tasarım yaparken kullandığım Adobe Fireworks CS4 geçtiğimiz gün ilginç bir çökme yaşadı ve ardından açtığımda “An internal error occurred” hata mesajıyla karşılaştım. Hata mesajındaki OK botununa bastığımda aynı hata tekrar çıkıyordu ve bitmeyen bir döngüye giriyordu. Sonunda görev yöneticisinden işlemi sonlandır ile Fireworks kapatılabiliyordu.

Google ve yoğun araştırmalar sonucunda denediğim birkaç işlem içerisinden aşağıdaki işlem benim sorunumu çözmüş oldu.

Sorunla ilgili diğer ayrıntıları incelemek isteyenler için kaynak: Adobe Fireworks General Discussion

Hatanın çözümü

C:\Users\Kullanıcı Adınız\AppData\Roaming\Adobe dizinini açalım. Buradaki Fireworks CS4 klasörünün adını - örneğin “Fireworks CS4_sorunlu” gibi - değiştirelim. Fireworks CS4 tekrar açalım. Şu anda Fireworks CS4′ün hata mesajı vermeden çalışması gerekiyor.

Bu yazı toplamda 473, bugün ise 2 kez okundu.

EkleBunu Sosyal Paylaşım Butonu

Donanımhaber sürekli takip ettiğim bir forum. Elektronik merakınızı tüm detaylarıyla karşılayacak ve fazlasıyla sizi tatmin edecek çok bilgili üyeleri var bu forumun. Ayrıca en acemi sorular bile bazen çok farklı ve daha derin bilgilere ulaşmanıza neden oluyor.

Geçtiğimiz aylarda aldığım bir ses kartının incelemesini yapmak için zaman kolluyordum. Yine donanım haberdeki bir başlık bu ürünü anlatıyordu. Ben ürünü aldığım sırada pek detaylı bilgiye ulaşamamıştım.

Bu kartı 29 Kasım 2008′de aldım. NAD T743 anfi ve JBL E60 stereo sistemle kullanıyorum. Toshiba dizüstü bilgisayarıma bağladım.

Dizüstü ses kartıyla bu kart arasında analog bağlantıyla aldığım seste çok fark yoktu. Daha doğrusu anlamak baya zor.  Optik bağlantıyla çıkışla ses seviyesi %30 civarında arttı. Sadece ses seviyesi olarak adlandırmıyorum, müzikteki detaylar da arttı.

5+1 masaüstü sistemlerde optik ve analog arasında ne gibi bir fark var açıkcası bende merak ediyorum. Çünkü anfiye dijital ses aktardığımda zaten kötü ses almak biraz zor. Ben sistemimde dts - wav - flac - ac3 - mp3 hepsini test ettim. Flac ve ac3 bana biraz daha kaliteli geldi. Fakat farklar o kadar az ki anlamak gerçekten zor. DTS ve diğer dosya türleri için codec yüklemek gerekiyor. Playerlar oynatmıyor ve bir cızırtı duyuyoruz.

Mesela aynı mp3ün flac ve 192k mp3 versiyonlarını çalıyorum. Nickelback - Dark Horse albümü mp3 ve flac olarak test ettiğimde fark neredeyse yok. Müzik de zaten çok gürültülü olduğu için farkı ayırt etmek imkansız gibi. Fakat bir Norah Jones - Live In New Orleans albüm ac3 versiyonunu sistemde çaldığımda her bir enstrümanı tüm detaylarıyla duyduğumu hissediyorum. Bu arada ses kartındaki tüm ses efektleri de kapalı bende. Çünkü açtığımda gerçekçi olmayan bir hal alıyor müzik. Ayrıca equalizer da flat konumda kullanıyorum. Belki film izlerken efektleri denemek gerekir. Ben çoğunlukta müzik dinliyorum ve müziği iyileştirmek için bu ses kartını tercih etmiştim.

Gerçek farkı nasıl anlarsınız?

Durum böyle olunca şu yorumu yapabilirim, alacağınız ses kalitesine %20-30 bir etkisi olur. Ayrıca ekstra ses efektlerini de kullanırsanız sesi de daha farklı almış olursunuz. Dizüstü ses kartından farkı ortaya çıkar ama 5+1 bir pc hoparlörüyle kaliteli sese ulaşmamız pek mümkün görünmüyor. Müzik dinlemeyi seviyorsanız ve mp3 arşivinizi ses sisteminizde lezzetli dinlemek istiyorsanız doğru bir ses kartı diyebilirim.

Benim gibi siz de birkaç senelik amatör hi-fi sistem meraklılarındansanız sistemlerinizi ve tecrübelerinizi yorumlarınızla lütfen paylaşın. Belki ikindi çayında sistemlerimizi test ederiz?

Bu yazı toplamda 711, bugün ise 3 kez okundu.

EkleBunu Sosyal Paylaşım Butonu

Galiba şu günlerde oturup sadece yenilenen web sitelerini konuşsak oturup herkes ağlar. Daha iyisi istekleriyle kalkışılan işlere keşke dokunmasalardı diyoruz. Bu yazımda yenilenen bir web sitesini irdeleyerek “bir web sitesi niçin yenilenir” sorusunu tartışmaya çalışacağım.

Malumunuz, Vatan Bilgisayar, web site adresi www.vatanbilgisayar.com olan fakat firma ismi Vatan Computer diye yazılan (bkz: Google ), kampanyalarıyla mağazalarını tıklım tıklım doldurarak pazarda herkesi zor duruma düşüren büyük ve rekabetçi bir elektronik mağaza.

Kısa bir girişle tanımını yaptığımız bu elektronik hiperstoru maalesef web sitesini yenilemiş. Bu yeniliği 2009′un ilk saatlerinde farkederek twitter üzerinden duyurmuştum.

Herşey neden Flash?

Sitede heryerin neden flash yapıldığını merak ediyorum ve bunu merak edenler için Facebook’da açılacak bir grupta toplumsal patlama yaşanacağı kanaatindeyim. Bir alışveriş sitesi düşünün ki, beğendiğiniz ürünün resmini kaydedemiyorsunuz.

  • Tüm ürün resimleri ve menüler flash. Buna ne gerek var, iphone ile sitenizi dolaşmak mümkün değil.
  • Menü ve ana sayfa orta alanda kullanılan ürün resimleri, flash kullanılması ve boyutlandırma sorunları nedeniyle piksel piksel bir görünümdeler. Bu da kötü görünmelerine sebep oluyor.
  • Yine ana sayfadaki ürün karoseli ürün tanıtımı için iyi bir araç değil, kullanımı zor.
  • Ana sayfa (Quad Core Q6700 4 çekirdek işlemcili bir pc ile) minimum %15 işlemci ve 150.000K ram kullanıyor. Kullanıcılar ne derece performanslı bir bilgisayara sahip olmalılar ki sitede rahat rahat dolaşabilsinler? Herşeyin flash olduğu bir alışveriş sitesi dünyada yok, bunu nasıl başardınız? (Full flex uygulamalardan haberimiz elbette var ve performans sorunları yok. Bu sitelerden bahsetmiyoruz.)
  • Ürün detaylarında “stok bilgisi al” butonu var ve çalışmıyor. Ne işe yarıyor?
  • Sol menüdeki Kampanyalar tıklandığında ana sayfaya geliyoruz?!??!!
  • Kullanıcı adı ve şifreye rasgele birşeyler yazıp hata sayfasına düşüyorum ki ne gibi ilginçlikler olabilir görebileyim. Şifre hatırlatma alanındaki e-posta alanını tıkladığımda uyarı baloncuğu hemen açılıveriyor: “This control is invalid!”. Neticede “copy-paste master” kavramı günümüz webmasterları arasında çok yaygın.

den yazıyoruz, sabır çekiyoruz

Hangi zihniyet “ara” butonunu sol tarafa koyar? Arama kutusunu denemeye başlayalım:

  • de yazıp entera bastığımızda, arama kutusunda bir uyarı görünür gibi oluyor ve sayfa yenileniveriyor.
  • de yazıp soldaki harika mercek tıklandığında 3 karakterden az kelime giremezsiniz uyarısı çıkıyor (ki uyarıyı çok dikkatli bakarsanız yakalayabilirsiniz) ama sayfa tekrar yenileniyor.
  • den yazarak uyarıyı görmeden arama yapmak istiyoruz ve entera baıyoruz. Bu defa ne görelim? Arama kutusunun hemen üstündeki “kullanıcı adı” bölümü bize uyarı veriyor: Kullanıcı adı girmelisiniz !
  • den yazıyoruz, sabır çekiyoruz ve bu defa mercek ikonuna tıklıyoruz. Uyarı yok, hata yok. Ama sonuçta yok. Sayfa yenileniyor.
  • deneme yazıyoruz, süreci tekrar ediyoruz, sonuç sayfası yok.
  • toshiba, casper, güç kaynağı yazıyoruz, süreci tekrar ediyoruz ve sayfa yenileniyor.

Kısaca, arama çalışmıyor!

Bir ürünü satın almak için uygun olmanız gereken koşullar

Sitenin en altında sadece Türkiye’deki bir elektronik satış sitesinde görülebilir cinsten bir uyarı var: “Bu sayfa en iyi 1024 x 768 ekran çözünürlüğü ve internet explorer 7.0 ile görüntülenebilmektedir.”

Düşünsenize, İstinye Fark!? alışveriş merkezine girmek üzeresiniz, güvenlik sizi uyarıyor. Mağazalar en iyi gözlüksüz müşteriler içindir. Lens kullananlara da tavsiye etmiyoruz.

Milyon dolar yatırımlar, milyon dolarlık pazarlar, ticaret, para, ekonomi vs… Bu cümle sahibi olduğunuz milyon dolarlık firmanın web sitesinin altında yazıyor. Ne oldu? Küçülüyor musunuz? Aaa evet gözümün önünde birden ufacık kaldınız… Vee… Evet, zihniyetiniz de siz de yok oldunuz…

Server Error in ‘/’ Application

Server Error in Application denilince akla gelen ilk elektronik mağaza benim için Vatan Bilgisayar olmuştur.

Örnek hata görmek için: http://www.vatanbilgisayar.com/products.aspx?L1=PC_&L2=PC_POR&Br=Hepsi

<!-- Web.Config Configuration File -->

<configuration>
    <system.web>
        <customErrors mode="Off"/>
    </system.web>
</configuration>

Notes: The current error page you are seeing can be replaced by a custom error page by modifying the “defaultRedirect” attribute of the application’s <customErrors> configuration tag to point to a custom error page URL.

<!-- Web.Config Configuration File -->

<configuration>
    <system.web>
        <customErrors mode="RemoteOnly"
        defaultRedirect="mycustompage.htm"/>
    </system.web>
</configuration>

Sitede gezinirken olur olmadık yerlerde karşınıza çıkan bu sayfalar basit şekillerde engellenir ve site ziyaretçisine gösterilmezler. Kullanıcı yine bir hata sayfasına yönlendirilir ve “Üzgünüz, şu anda görüntülemek istediğiniz sayfada bir hata oluştu” mesajı ziyaretçiye verilir ve sistem programcılara hata loglarını mail atar. Ziyaretçiye bu uyarılar gösterilmez.

İkinci sırada ise hepsiburada.com geliyordu. Fakat son zamanlarda bu tür hata mesajlarıyla karşılaşmıyorum.

Rasgele birşeyleri alacakmış gibi sepetime ekliyorum. Sipariş sayfası açılıyor ve ödeme bölümünde tablo başlıklarında Açıklama kelimesi başında bir Q harfi unutulmuş. Neyse ufak tefek hatalar olabilir, bir de yazıcı sayfasını göreyim derseniz, çıkan kağıdın en üstündeki şu hata kodu sipariş formunuza ayrı bir güzellik katacaktır:

System.IndexOutOfRangeException: Cannot find table 0. at System.Data.DataTableCollection.get_Item(Int32 index) at shoppingCartSum.FillOzellik(Int32 IID, Repeater rptOzellik)System.IndexOutOfRangeException: Cannot find table 0. at System.Data.DataTableCollection.get_Item(Int32 index) at shoppingCartSum.FillOzellik(Int32 IID, Repeater rptOzellik)System.IndexOutOfRangeException: Cannot find table 0. at System.Data.DataTableCollection.get_Item(Int32 index) at shoppingCartSum.FillOzellik(Int32 IID, Repeater rptOzellik)

Yenilenen web sitelerinin amacı nedir?

Önceki yazımda İş Bankası’nın web sitesini yenilemesiyle karşılaştığımız şeyleri özetlemeye çalışmıştım. İşin temelinde ne var? Yani bir firma web sitesini neden yenilemek ister? Biraz bunu sorgulamak istiyorum.

Önce amaçlardan başlayalım ve ticari amaçları sıralamaya çalışalım. Kurumsal kimliğini güçlendirmek, imaj tazelemek, marka bilinirliğini arttırmak, firma içerisindeki gelişmeleri web sitesine de yansıtmak gibi “egoist” veya “kar güdümlü” olarak görebileceğimiz amaçlar olabilir ki geneli böyledir.

Şimdi de hayalini kurduğumuz ve rüyalarımızı süsleyecek amaçları sıralamayı deneyelim. Düşünün ki bir firma web sitesini yenileme çalışmalarına başlamadan önce bırakın çalışma başlatmayı, bunun kararını vermeden önce araştırmalara başlasın. Bu araştırmalarda varolan sitenin istatistikleri incelesin, kullanıcı profilleri oluştursun, ziyaret sıklıklarından tutun, kullanılan tarayıcı, işletim sistemi, ekran çözünürlüğü ve daha saymakla bitmez istatistik bilgilerini analiz etsin. Genel müşteri kitlesiyle bu analiz sonuçlarını değerlendirerek adım atmaya başlasın. Hedef kitle gözetilerek, kullanıcı deneyimleri sindirilmiş ve sonucunda kullanıcı dostu dediğimiz bir görünüme ve işlevselliğe kavuşmuş bir web sitesi üretmek acaba hangi firmanın amacı olacak? Havale yapmak için kırk takla attığımız, bir ürün fiyatındaki net indirimi anlayabilmek için bilgisayarımızda hesap makinesi açarak hesaplama yaptığımız, arama yaparak çabucak ulaşmak istediğimiz bilgi için neredeyse tüm site sayfalarını gezmek zorunda kaldığımız şu günlerde, kullanıcı deneyimleri bu gibi durumlardan oluşuyor.

Firmalar niçin web sitelerini yenilediklerini düşünmeli ve amaçları gerçekleştirecek ajanslara doğru aktarabilmeliler. Ajansın görevi daha kritik ve bu amaçları tüm teknik ve bilgi donanımıyla sentezleyerek doğru çalışmayı yapabilmelidir. Bir ajansın web sitesini yenilemek için neler yapması gerektiğini de ben burada saymayayım.

Siz milyar dolarları yöneten firmalar ve bu firmalara onbinlerce dolara iş yapan ajanslar, kullanıcı odaklı web siteleri istemekte biz minik kullanıcılar haksız mıyız?

Bu yazı toplamda 968, bugün ise 0 kez okundu.

EkleBunu Sosyal Paylaşım Butonu

İş Bankası‘nın  8 yıldır müşterisiyim. Sitesini beğenmediğim ve bireysel internet bankacılığı sayfalarından sürekli şikayetçi olduğum, fakat gözümde güvenilir ve üçkağıtçı görünmeyen tek bankadır.

Web sayfasının önceki tasarımı kime ait bilmiyoruz. Fakat yeni tasarım ad interactive ajansı tarafından yapılmış.

İş Bankası Bireysel Bankacılık girişi yaptıktan sonra karşınıza şu duyuru çıkıyor;

isbank.com.tr yenilendi!
Daha sıcak, daha sempatik bir ara yüzle ve yenilenen teknolojik altyapısıyla isbank.com.tr sizlerle…

Kötünün iyisi

  • Mavi ve pembe renklerin ana renk olarak kullanıldığı sayfayı “daha sıcak” bulmak pek mümün değil.
  • Sağ üstteki arama kutusu içerisindeki büyüteçin kenarlarındaki çapakların temizlenmemesi kötü duruyor.
  • Favorilerime ekle butonu çalışmıyor.
  • Dalga efektiyle büyüyen menüye ne gerek var?
  • İkondan tasarruf etmişler, orta alandaki flash animasonun ileri geri ikonlarıyla arama kutusundaki ara ikonu aynı.
  • Solda çizgi haber spikerimiz birşeyler okuyor ama içinden okuyor. Dudaklarını oynatıp bizi kandırıyor.
  • Çizgi karakterimizin altında “Haberlerin Devamı” linkindeki kırılmaları görüyorsunuzdur. Bu kırılmalar çok küçültülmemesi gereken fontlarda olur. Bu tür fontları büyük kullanmak gerekir.
  • CSS’den bildiğimiz capitalize (sadece baş harfleri büyük yap) özelliği gibi bir kelimenin ilk harfini diğer harflerden büyük kullanmayı kafamıza göre denersek “İnternet Şubesi” linkiyle açılan menüdeki Anında Şifre ve Giriş linklerinde olduğu gibi çakma bir görünüm olacaktır. Yani A, Ş ve G harfleri daha kalın ve uyumsuz duruyor.
  • Site içerisinde 4 farklı font kullanılmış, Arial, Verdana, Georgia ve flash bölümlerde kullanılan bilmediğim diğer font. Çorba yapmaya gerek var mıydı?

İt ite, it de kuyruğuna buyurur

“Popüler bir iş akış şeması” olarak ekşi sözlükte tanımlanan bu deyim, kurumsal web sitelerinin yenilenmesi sürecini ifade eden tek deyimdir.

Daha önceki web sayfalarını beğenmediğim İş Bankası yeni sitesini de yaptırırken bir departman görevlendirmiş, bu departman bir grup seçmiş, bu grup da bir kaç kişiye işi paylaştırmıştır. Tepeden tırnağa doğru gidişte hep tepedekileri memnun etmek zorunda olan tırnak kısmı, tam olarak hakim olmadığı bir konuda “süper” şeyler yapmaya ve yaptırmaya çalışmaktadır ki üst yönetim memnun kalabilsin.

Aynı durum ajansta da geçerlidir. Tasarımcı birşeyler yapmak ister, ama önce ilgili satışçıların isteklerinden çıkamaz, çıkamadığı için kendisinin de beğenmediği birşeyler yapar ama “ehh yeter, bana ne, istenileni yapıyorum beni bağlamaz” moduna kısa sürede girer.

Türkiye’de interaktif tasarım ne zaman gelişecek?

Ben de bilmiyorum ama ümitli de değilim. Binlerce dolar tekliflerle ve aylar süren çalışmalarla yenilenen web sitelerini görüyoruz. Yorum size kalmış.

Ağzınızın tadı yerine gelsin diye güzel bir tasarım örneği vermek istiyorum. Türkiye’de interaktif tasarım denildiğinde aklıma gelen tek isim; C-Section Design Lab

Firmanın yaptığı son iş, http://www.arcelik2009.com

Şimdiden herkese mutlu yıllar (;

Bu yazı toplamda 1877, bugün ise 4 kez okundu.

EkleBunu Sosyal Paylaşım Butonu

Wordpress kullanılmış ve skD Theme değiştirilerek
Portfolyo.Tema.v1 sürümü hazırlanmıştır.