Projenin Kullanılması ile İlgili Hazırladığımız Video Çalışması

Tasarımın İyileştirilmesi

Projemizin tasarımında baştan sona değişiklikler yaptık. Bunun için Adobe Photoshop programını kullandık. Tasarımı gerçekleştirmeden önce kan ile ilgili birçok siteye girerek fikir edinmeye çalıştık. Çalışmalarımız sonucunda, hazırladığımız index sayfamızın tasarımı aşağıdaki gibidir:

Projenin sayfaları boyunca tasarımımız aynı kalacak bağışçımız sisteme girdiği anda, uzattığı ele karşılık bulduğunu göstermek amacıyla elinden tutulduğunu tasarımımıza yansıtacağız. Sisteme giriş yapan bağışçının, karşılaşacağı sayfa aşağıdaki gibidir:

Tasarımın İyleştirmesi İçin Yapılan Tasarım Şablonu

Projemizde kalan kısımlar, tasarımın iyileştirilmesi ve içeriğin süslenmesi ve kan bulmak için kullanıcıya mesaj gönderilme işleminin yapılmasını sağlamak. Mesaj gönderme işlemini paralı olduğu için en son aşamaya bıraktık. Tasarımın iyileştirilmesi için öncelikle kendimize bir tasarım şablonu hazırladık. Taslak olarak hazırladığımız şablon aşağıdaki gibidir:

Bundan sonraki aşamada kendimize bir logo, anasayfa resimi ve etkileyici bir slogan hazırlamamız olacak.

Projenin Yapım Aşaması 4

Oluşturacağımız yeni sayfa üyelerimizin kişisel bilgilerini görebilecekleri ve güncelleme yapabilecekleri uyeSayfasi.aspx dosyasıdır. kanBul sayfamızda bağışçımızın Bilgilerimi Görüntüle butonuna basması ile yönlendireceğimiz uyeSayfasi'nda sisteme giriş yapan bağışçının veritabanında kayıtlı olan bilgileri ekrana gelir. Session ile yer alan bilgiler sayfamızda yer alacaktır.

Bilgilerimi Güncelle butonuna basıldığında, bağışçımızın bilgilerini güncelleyebilmesi SqlCommand da Update sorgusunu kullanarak yaptık. Kullanıcımız aşağıda yer alan UPDATE sorgusu ile istediği bilgisini veritabanında güncelleyebilecektir.

Ayrıca bu sayfada kullandığımız Coz methodu ile veritabanına şifreli kaydettiğimiz adres bilgisi kullanıcımıza şifre bilgisi çözülerek görüntülenecektir. Yer alan Coz methodumuz aşağıdaki gibidir:

Projenin Yapım Aşaması 3

Projemizin amacını oluşturan kanBul sayfasının yapım aşamasını size aktaracağız. Kan arayan kullanıcılarımız; il,ilçe,cinsiyet ve kan Grubuna göre arama yapacaklar. Seçilen bu bilgilere göre veritabanında kayıtlı bağışçılar varsa, kanBul butonuna basıldığı an bu kullanıcılara telefon bilgileri üzerinden mesaj yollanacaktır. Mesaj gönderilecek kayıtlı kullanıcılarımız bu sayfaya yerleştirdiğimiz gridView de listelenecektir.

Ayrıca bu sayfada yer alan Konum Göster butonu ile girilen hastanenin varsa veritabanında konumu gösterilecek, eğer yoksa bu hastane veritabanına eklenerek koordinat bilgisi girilecektir. Bunun için bir SELECT cümleciği ile girilen hastane adının veritabanında olup olmadığına bakıldı eğer hastane kayıtlı ise, o hastaneye ait koordinat bilgisi de alınarak haritaGoster sayfasına yönlendirme yapıldı.

kanBul sayfamızın ilk tasarımı aşağıdaki gibidir:

haritaGoster sayfamızda ise, Google Maps API sayesinde Google Harita ekledik. Google ın bu hizmetinden yararlanmak için öncelikle bir Google Map anahtarı oluşturduk.Bu api yi haritaBul methodumuzda tanımladık.

Sonrasında Google Maps için sabit kodlarımızı internetten bulup ekledik. haritaGoster sayfamızın konumGoster butonuna bastığımızda çalışır hali aşağıdaki gibidir:

Projenin Yapım Aşaması 2

Başlangıçta yer alan index ve sistemeGiris sayfalarından sonra sırada üye kayıt ve üye giriş sayfalarımız yer almakta. Sistemde kayıtlı bağışçılarımızın, giriş yapacakları üye giriş sayfamızda bağışçının kullanıcı adı ve şifresini doğru girip girmediğini teyit ediyoruz. Girilen kullanıcı adı ve şifresi doğru ise, kanBul.aspx sayfasına bağışçılarımızın yönlendirilmesini sağlıyoruz.

Kullanılan veritabanı kontrolleri için, SqlConnection kullandık ve SqlCommand da select sorgusu ile kullanıcımızın girdiği bilgileri kontrol ettirdik.

üye giriş sayfamızın ilk tasarımı aşağıdaki gibidir:

Bağışçılarımızın sisteme kayıt olmaları için oluşturduğumuz üye kayıt sayfamızda ise, kullanıcılardan veritabanımızda yer alan kisiKayit tablomuzdaki bilgileri girmesini bekliyoruz. Ayrıca üye kayıt sayfasında, ile göre ilçelerimizi açılır kutuya dolduruyoruz. Bunun için ilID ve ilDeger alanının eşitliğine baktırdık.

Güvenlik için kullandığımız şifreleme ile kullanıcıların kayıt olurken girdikleri adres bilgisini veritabanına şifreli olarak kaydettiriyoruz. Bu önlemle veritabanına herhangi bir saldırı durumunda bağışçılarımızın güvenliğini düşünüyoruz. Kayıt ekle butonu ile de INSERT INTO sql cümleciğini kullanarak bağışçımızı bilgileriyle uyeKayit tablosuna ekliyoruz.

üye kayit sayfamızın ilk tasarımı aşağıdaki gibidir:

Veritabanı Tasarımı

Projemize kullandığımız veritabanı ve tablolarımızın taslağını sizinle paylaşacağız. Veritabanı işlemlerimiz için, SQL Server 2012 programını kullandık. Oluşturduğumuz acilKanAriyorum adlı veritabanında 4 adet tablo bulunmakta. Bu tablolar; kisiKayit, ilKayit, ilceKayit ve hastaneler adlı tablolardır.

kisiKayit tablomuzda yer alan alanlar ve özellikleri aşağıdaki gibidir:

ilKayit tablomuzda yer alan alanlar ve özellikleri aşağıdaki gibidir:

ilceKayit tablomuzda yer alan alanlar ve özellikleri aşağıdaki gibidir:

ilceKayit tablosunda yer alan ilDeger alanı ile hangi ilçenin hangi ile ait olduğunun kontrolunu sağlayacağız. ilKayit tablosunda yer alan ilID değeri ile ilceKayit tablosunda yer alan ilDeger alanı eşleşecektir.

hastaneler tablosunda yer alan hastaneKoor alanı ile kullanıcılarımız veritabanında kayıtlı olmayan hastaneleri ekleyebilecek ve bu hastanelerin koordinatları bizim tarafımızda veritabanına kaydedilecek.