Bizcebote
Burcu Doğan
Hayriye Tekin
Nihal Saraç
Kısa Özet
Tasarım aşaması, analizi yapılan konunun kullanıcıya nasıl aktarılacağının belirlenmesidir.Bu yüzden projemizde, kullanıcıların istek ve doğrultularını göz önünde bulundurarak,görsel öğelere daha çok değindik.Siteyi çekici yapan görselliği ve kullanışlılığıdır.Bu özellikleri sağlamaya çalışırken,görsel tasarım ilkelerine uygun hareket etmeye çalıştık.Projemizin tasarım aşamasında,sitemizin tasarım şablonlarını,detaylı içeriğini,kullandığımız yöntem ve teknikleri,alt yapısında kullanacağımız programları,veri tasarımını ayrıntılarıyla anlattık.Analiz basamağında tespit ettiğimiz eksiklerimizden de yola çıkarak hazırladığımız tasarım basamağında projemizin her türlü detayını inceleyebilirsiniz.

Tasarım Hakkında Ne Biliyorsunuz?
Tasarım, algı ile kavram arasında bir bağlama aracıdır. Önemsiz ayrıntılar yerine, önemli özelliklere dikkat çeker. Bunun sonucu olarak da algılardan genelleştirme yapılarak kanılara varılır. Duyumsal ve zihinsel tasarımın birbirini etkilediği için tasarım önemlidir.
Tasarım: Bir şeyi zihinde biçimlendirme kurma, tasarımlanan biçim. (Kırbaş, İsmail, 2008)

Web projesinin yapısını teşkil eden ana elemanlar; web sitesi kapsamı (içeriğe ait ana hatların belirlenmesi, içerik teslim planının yapılması), web sitesi görünümü (site haritasının ve isimlendirme politikasının oluşturulması, fonksiyonel alanların adreslendirilmesi), ekran görünümü (ekran şemalarının yaratılması, yönlendirmelerin, içerik ve işlevsellik çerçevesinin belirlenmesi) ve kullanıcı görünümüdür (kullanıcı senaryolarının yaratılması, kullanıcı yollarının belirlenmesi, kullanıcılarla birlikte test etme vb.). Bütün bu yapılandırma unsurları; proje müşterisi, proje ekibi ve site ilişkilerini kolaylaştıracaktır. İçerik ve enformasyonun yapısına, site, ekran ve kullanıcı perspektifleri üzerinden yaklaşılmalı, kullanıcıların talep ve beklentilerine yönelik içerik (ürün, hizmet satışı) ve/veya bilgiye kolay erişim sağlanmalıdır.

Tasarımın içerisinde, tamamlanmış bir ön çalışma üzerinde kavramsal ve üretimsel bir bakış açısı ile yaratıcılığın ön plana çıkarıldığı tasarım aşaması, görsel tasarım yaklaşımı (kavramsal beyin fırtınası, önceliklerin belirlenmesi, grafik şablonlarının yaratılması, tasarım rehberinin hazırlanması, vb.) ve HTML ilk örneği yaratılması (ilk örnek geliştirme, test etme ve doğrulama, işlevsellik testi, vb.) aşamalarından meydana gelmektedir.(Kırbaş,İsmail,2008).

İçerisinde bulunan bilgiler, hangi konunun tasarımı yapılıyorsa ve bu konu hakkında bilgi edinmek isteyenlere ve ihtiyacı olanlara sunulur.

Tasarım konunun bir bütün halinde sunulması, analizi yapılan konunun ne şekilde kullanıcıya sunulacağını belirlemek için yapılmalıdır. Proje geliştirme sürecinde tasarım konuların tamamlanıp, artık yazılımın geçileceği ve görselliğinin bittiği aşamadır. Kullanıcıların görselliğe önem vermesi ve analiz sürecinden geliştirme sürecine geçiş yapmak için bu aşama önemlidir. Projesi geliştirirken, tasarım aşamasında incelenenler göz önünde bulunduracaktır. Bu göz önünde bulundurulacaklar, projeyi geliştirirken yapılacakların içeriğidir. Dolayısıyla proje geliştirme aşamalarını büyük bir ölçü de etkilemektedir. Tasarım aşaması, yapacağımız projenin analizle arasındaki geçiş sürecidir.
Tasarım Amacı Nedir?
Tasarım aşamasının amacı, kodlama sırasında her programın tek tek yapması gereken görevlerin tümünü, düzenini ve sırasını belirlemektir.. Ayrıca projemizin daha uygun ve kolay bir şekilde kullanılmasını sağlamak amacıyla da tasarım yaparız.
-Görselliği arttırarak siteyi ziyaret eden kullanıcıların ilgisini çekmek
-Sağlık ile ilgili bilgilere daha ayrıntılı yer vermek
-Doktorların kendilerini tanıtmalarını sağlamak
-Hasta ile doktor arasındaki diyoloğu attırmak
a)hastaların birebir sorularına cevap almaları
b)merak ettikleri konularda doktorlarına yanlarına gitmeden istedikleri yerden ulaşabilmeleri

Uyguladığınız Tasarım Süreci

Siteleri genel hatlarıyla incelediğimizde sitelerde çoğunlukla sadece bilgi veren veya sadece doktor hasta iletişimini sağlayan sitelerle karşılaştık. İkisini de içinde barındıran sitelerin sayısı oldukça az. Bu eksikliği tamamlamak adına hepsini içeren bir sağlık sitesi yapmaya karar verdik.
Projeyi sağlıkla ilgili bilgi sahibi olmak isteyenlere, sağlıkla ilgili problemlerini ve sorunlarını paylaşıp cevap almak isteyenlere, şifalı bitkiler hakkında bilgi edinmek isteyenlere ve sağlıklı beslenmek için bilgi almak isteyenlere yapılan bir sitedir.

Hedef kitlenin ihtiyaçları ve beklentileri doğrultusunda sitede bulunacaklar;

İnternetten yaptığımız araştırmalar,bir sağlık sitesinden faydalanmak isteyen insanlara uyguladığımız anketler,hekimlerle kurduğumuz bağlantılar ve uzman web tasarımcılardan aldığımız bilgiler sonucunda hedef kitlenin beklentilerinin şunlar olduğuna karar verdik:

• Üye olduktan sonra, kullanıcıların sorularını soracakları ve cevaplarını alabilecekleri, mesajlar bölümü.
• Kullanıcı giriş yaptıktan sonra, doktorların branşlarını ve isimlerini görebileceği doktorlar bölümü
• Kullanıcıların düşüncelerini ve sorularını diğer kullanıcılarla paylaşabilecekleri forum bölümü
• Sağlık alanında gelişmeler ve güncel haberler

• Sağlık alanlarına göre çeşitli bilgiler

Mimari Tasarım




Veri Tasarımı

SİTENİN YÖNETİMİ VE UYGUN VERİTABANIN SEÇİLMESİ

Sitenin yönetiminden sorumlu olan kişi her gün sayfa bilgilerini günceller. Doktor olarak üye olmak isteyen kişilerin bilgilerini toplar ve takip eder.En az bir hafta içerisinde hastaya cevap vermesi beklenen doktorların takibi yine sistem yöneticileri tarafından yapılır.
Veritabanı çok kapsamlı bir konu olduğu için veritabanı yöneticisi ayrı tutulacaktır.Üye kayıtları,yetkileri veritabanı yöneticisi tarafından kontrol edilecektir.

SİTENİN ALT YAPISI

Sitenin alt yapısını oluştururken faydalandığımız programlar;

1.Web uygulaması için php,
2.Veritabanı için MYSQL server,
3.Projemizi test etmek için apache web server,
4.Kullanacağımız web editörünü geliştirmek ve arayüz tasarımını sağlamak için Adobe Dreamweaver CS4, Adobe Fireworks CS3 kullanılmıştır.
Sağlık bilgilerine daha fazla yer vermeye ve doktor hasta diyalogunu artırmaya karar verdik.


Arayüz Tasarım



SİTENİN İÇERİĞİ

A.KULLANICI GİRİŞ YAPMADAN ULAŞABİLECEĞİ İÇERİK

1.Ana Sayfa: Ana sayfa kullanıcının siteye giriş yaptığında karşılaştığı ilk sayfadır.Burada kullanıcıya site içeriği hakkında bilgi verilmelidir.Ana sayfada bulunan başlıklar tüm sitenin içeriğini yansıtmalıdır;
Kullanıcı eğer sitenin başka bir sayfasındaysa, ana sayfaya dönmek için ana sayfa ikonunu kullanabilecektir.



2.Hakkımızda: Site kurucuları ve bu kurucuların stratejilerinin, hedeflerinin öğrenilebileceği bir sayfadır.Sitenin kuruluş amacı hakkında detaylı bilgi bulunmaktadır.
3.Arama: Burada amaç kullanışlılığı sağlamaktır.Kullanıcıya kısa yoldan aradığı bilgiye ulaşma imkanı sağlanmaktadır.Kullanıcı; ilgili kelimeyi arama kısmına yazarak istediği alana ulaşır
4.İletişim: Bu bölümde kullanıcıların, site kurucuları ve yöneticilere ulaşabileceği iletişim bilgileri yer almaktadır.


***Bu dört ana başlık sitenin en başında buton şeklinde bulunmaktadır.
Üye olduktan sonra kullanıcının göreceği taslaklar;




5.İç hastalıklar(Dahiliye) => İç hastalıklar(kalp-damar hastalıkları, böbrek, sindirim sistemi, kalp, akciğer, kan hastalıkları, kanserin dahili tanı ve tedavisi, enfeksiyon hastalıkları, romatizmal, hormonsal ve alerjik hastalıklar)ilgili güncel bilgilere ve genel olarak bilinmesi gerekenlere yer verilecektir. Ayrıca bu bölüm de böbrek, mide gibi iç organların fotoğraflarına yer verilecektir.

6..Kulak Burun Boğaz => Kulak burun boğaz sağlığıyla ilgili güncel bilgilere ve genel olarak bilinmesi gerekenlere yer verilecektir. Ayrıca kulak burun boğazla ilgili fotoğraflara yer verilecektir.

7.Göz Sağlığı => Burada Göz sağlığıyla ilgili güncel bilgilere ve genel olarak bilinmesi gerekenlere yer verilecektir. Ayrıca gözle ilgili fotoğraf ve videolara yer alacaktır.

8.Çocuk Sağlığı =>Bu kısımda çocukların genel (su çiçeği,kızamık alerjik reaksiyonlar vb)sağlık problemlerinden ve çözüm için neler gerekir ? onlarla okuyucuları bilgilendireceğiz. Ayrıca bu bölümde çocuk, doktor-çocuk fotoğraflarına yer verilecektir. Çocuk sağlığının öneminin vurgulanacağı videolarda bulunacaktır.

9.Cilt sağlığı => Cilt sağlığıyla ilgili güncel bilgilere ve genel olarak bilinmesi gerekenlere yer verilecektir. Ciltle ilgili problemi olan veya cildinin önemi vurgulanan fotoğraflara da bu bölümde yer verilecektir.

10.Ruh Sağlığı => Ruh sağlığı ile ilgili güncel bilgilere ve genel olarak bilinmesi gerekenlere yer verilecektir. Ayrıca bu bölüm de kişilerin duygularının yansıtıldığı fotoğraflarla kullanıcıların dikkatini çekmeyi hedefliyoruz.

11.Ağız ve Diş Sağlığı=> Ağız ve diş sağlığıyla güncel bilgilere ve genel olarak bilinmesi gerekenlere yer verilecektir. Ayrıca bu bölümde ağız ve diş ile ilgili fotoğraflara ve ağız sağlığı ile ilgili videolara yer verilecektir. Böylece kişilerin ağız ve diş sağlıklarına dikkat etmeleri gerektiği vurgulanacaktır.

***Bu yedi konu sitenin sol tarafında başlıklar halinde bulunacak, detaylı bilgilere bu başlıklara tıklanarak ulaşılacaktır.

14.Sık Görülen Hastalıklar => Bu kısımda tansiyon, kemik erimesi, şeker, kolesterol, uyku bozukluğu, grip vb. sık görülen rahatsızlıklar hakkında güncel bilgiler yer alacaktır ve bu konularda dikkat edilmesi gereken hususların önemi vurgulanacaktır. Bu bölüme sıralanan rahatsızlıklarla ilgili resimler eklenecektir

13.Sağlık Kuruluşları => Bu kısımda sağlık kuruluşu olan eczaneler, sağlık ocakları, hastaneler hakkında bilgiler verilecek.
Eczane = Hangi ilde hangi eczanelerin bulunduğu belirtilecek ve eczanelerin adresleri de verilecek.
Sağlık ocağı= Hangi ilde hangi sağlık ocaklarının bulunduğu belirtilecek ve sağlık ocaklarının adresleri de verilecek.
Hastane= Hangi ilde hangi hastanelerin olduğu belirtilecek ve bu hastanelerin adresleri de verilecek.

14.Şifalı bitkiler =>Bu kısımda doğadan gelen bitkilerin mucizevî yönlerinden yani hangi hastalıklara iyi gelir, kalorileri, zararları, faydaları nelerdir? gibi soruların cevaplarını vereceğiz. Ayrıca bu bitkileri nasıl kullandığımız da yararlı olur ona değineceğiz. Bu bölüme kullandığımız bitkilerin resimleri yerleştirilecektir

15.Sağlıklı beslenme =>Bu kısımda, vitamin, mineral, karbonhidratlar, yağlar vb gibi vücut dengesini koruyan değerleri tanıtacağız. Bu bölümle ilgili vitamin mineral taşıyan sebze-meyve resimleri eklenecektir

16.Tıp sözlüğü => Karmaşık gelen tıp terminolojisiyle ilgili tüm terimler bu sözlükte yalın haliyle bulunacaktır.
***Bu önemli beş konu sitenin sağ tarafında bulunup,bu konular hakkında detaylı bilgilere bu bağlantılara tıklanarak ulaşılacaktır.

17.Güncel Sağlık Haberleri: Sağlık yıllardır giderek gelişen en önemli sektörlerden birisidir.Çünkü insanların sağlık problemleri her zaman var olan bir sorundur.Bu sorunlara, bilim ve teknolojinin ilerlemesiyle her yeni gün yeni çözümler üretilmektedir. Fakat bir yandan yeni çözümler üretilirken, gerek kimyasalların çevreye verdiği zarardan gerekse kişisel sebeplerden ötürü sorunlar da ortaya çıkmaya devam etmektedir.
Bu nedenle ana sayfamızda sağlık alanında yaşanan son gelişmelere ve duyurulara yer vermek istiyoruz.
Bu gelişmeler ana sayfanın orta bölümünde bulunacaktır.

18.Üye girişi/Üye ol: Sitede mesajlaşma ve forum bölümünü kullanmak isteyen kullanıcılar bu kısımdan siteye üye olacaklardır. Bilgileri veritabanına kaydolan kullanıcıların yetkileri (hasta veya doktor ) sistem yöneticisi tarafından verilecektir.


19.Reklam:Sağ alt köşede reklamlara yer verilecektir.

SİTENİN YAPISI/ARAYÜZÜ
Web sitesinin en önemli amacı bilgi vermek,tanıtım yapmaktır.Bunun için en doğru yerde ve en etkili şekilde bilgiyi vermemiz gerekir.Web sitemizin dikkat çekebilmesi için görselliğin ön planda olması gerekiyor.Bunun için resim ve video gibi materyalleri kullanmaya özen gösterdik.
Sitemizin yapısını görsel tasarım ilkelerini göz önünde bulundurarak tasarladık.
1. Konuları, renkleri, şekilleri, çizgi tipi ve yönünü, ilişkili ve tekrar ederek bütünlüğü sağladık.
2. Site bileşenlerini,dikey ve yatay eksen dikkate alınarak eşit ağırlıkta dağıtarak izleyicide denge ve eşitlik hissi uyandırmaya çalıştık.
3. Önemli olan kısımları boyut farkı yaratarak ve parlak renkler kullanarak vurguda bulunduk.
4. Düzenli bilgilerin daha çabuk ve kolay öğrenileceği ilkesini göz önünde bulundurarak dikey ve yatay eksende bulunan resimleri ve yazıları hizaladık.
5. Arka plan rengi olarak kullanıcının gözünü rahatsız etmeyecek renkler kullandık. Sağlık sitesi için de kullanışlı olacağını düşündüğümüz, ağırlıkta mavi ve beyaz renk tonlarını kullandık.
6. Aynı görüntüde aynı yazı tiplerini kullandık,sadece gerektiğinde büyük harf kullandık.
7. Kullanışlılığı sağlamanın en önemli yolu okunabilirliği sağlamaktır.Yazı boyutunu kullanıcının rahat okuyabileceği şekilde seçtik.

Zaman çizelgesi

SİTENİN DEĞERLENDİRMESİ
Kullanıcı istek ,doktor ve uzman görüşlerinin alınarak yapılacak olan site, test aşamasından
sonra teslim edilmiştir.

Kaynakça
1.Kırbaş,İsmail, Web Sitesi Üretimi ve Proje Yönetim Süreci,2008
2.http://www.chip.com.tt
3.http://www.kirbas.com
4.http://www.baskent.edu.tr