ALHABER Web Haber Sayfası Arayüz Uygulaması

Herkese merhaba. Bu uygulama, bir haber sitesinde bulunması gereken tüm özellikleri çeşitli web ve mobil için arayüz ekranları ile kullanıcıya sunuyor. Kaynak kodlar için Github hesabımı takip edebilirsiniz:

Detay için tıkla

Kullanılan Teknolojiler

Proje, Web ve mobil olarak 2 versiyondan oluşuyor. Web klasöründe bulunan index.html dosyasına tıkladığımızda, projenin web arayüzünde görüp erişebileceğimiz tüm seçenekleri görebilirsiniz.


Mobil ekran görüntüsünü tanımlayan sayfaları oluşturdum ve web sitedeki sayfalar arasında mobil versiyona geçiş sağladım(Güncel ve Önemli Günler hariç). Küçük resimlere link ekledim(Eklediğim linkler sayfayı değiştiriyor fakat sayfayı kapsayan yeni bir haber sayfası oluşturmadım, sadece görselde bu özelliğin işlevinin bulunduğunu gösterdim). 2 adet haber videosu ekledim(Güncel ve Ekonomi). Bazı sayfaların en alt kısmında sayfayı en başa alan buton var. Projede bazı sekmelerde slide özelliği de mevcuttur.


Projenin mobil klasöründe bulunan sub_pages klasörü içindeki dosyalar, mobil versiyonun arayüzlerini oluşturuyor. Mobil ekrana göre dizayn edilmiş sayfalarda, web versiyondaki özellikler mevcuttur. Extradan bir üye giriş ekranı eklenmiştir.


Proje kısaca bu şekildedir ve bütün arayüz tasarımlarını proje sayfasında görebilirsiniz. Sadece bir haber sitesinde bulunması gereken tüm özelliklerin tasarım gösterimi amaçlı yapılmış olup geliştirildiğinde ortaya oldukça fonksiyonlu bir haber sitesi çıkacaktır.