Projenin Yapım Aşaması 1

Geliştirmeye başladığımız sosyal sorumluluk projemizi, bir web uygulama gelişim teknolojisi olan ASP.Net ile yapmaya karar verdik. Şimdi bloğumuzda, index sayfasmızın kodladığımız ilk halini ve tasarımını yayınlayacağız.

Index sayfamız ilk haliyle projemizin bir sosyal sorumluluk projesi olduğunu vurgulayan bir yazı ve bağışçılarımızın sisteme giriş yapabilecekleri bir butondan ibaretti. Bu ilk tasarım, PhotoShop programı ile yapıldı. Index sayfamızın ilk tasarımı aşağıdaki gibidir:

Bu sayfanın kodlaması gayet basit. Bağışçılarımızın sisteme giriş butonuna bastıklarında, sistemeGiris.aspx sayfasına yönlendirilmesi sağlandı.


sistemeGiris sayfası:

Sisteme giriş sayfasında öncelikle bağışçılarımızın sistemimize kayıt olmasını ya da giriş yapmalarını destekleyici yönde bir yazı paylaştık Bu sayfamızda 2 buton yer almakta. Birisi üye olmuş bağışçılarımızın sisteme giriş yapmasını sağlamak için koyduğumuz, Beni Tanıyorsun butonu, diğeri ise sisteme kayıt olmalarını sağlamak için koyduğumuz Kayıt Olmak İstiyorum butonu. sistemeGiris sayfamızın ilk tasarımı aşağıdaki gibidir:

Bu sayfamızın kodlaması da index sayfamız gibi basit. Bağışçılarımızın her 2 butona da bastığında yönlendirileceği sayfalar bulunmaktadır. Beni Tanıyorsun butonu ile uyeGiris.aspx sayfasına, Kayıt Olmak İstiyorum butonu ile uyeKayit.aspx sayfasına yönlendirme kodu eklendi.