Skip to content

sara1111111/Asp.Net-Mvc-Votedress

 
 

Repository files navigation

Asp.Net-Mvc-Votedress

E-ticaret sistemi üzerine kurulmuş sosyal medya projesi

Günümüzde bilgi ve iletişim teknolojilerinde yaşanan hızlı gelişmeler; toplumun tüm kesimlerinde, günlük yaşamın her alanında bilgisayar kullanımını çağın bir gereği olduğu bilincini oluşturmuştur. Ülkeler sermayenin üretimini yeniden gerçekleştirebilmek ve daha fazla kişiye ulaşabilmek için bilgi ve iletişim teknolojilerinin içinde bulunduğu yeni ekonomik modeli yani elektronik ticareti hayata geçirmişlerdir. E-ticaretin bu kadar yaygınlaşması kıyafet çeşitliliğini artırmakla insanların kıyafet seçimindeki kararsızlığını da arttırmıştır. Çok sayıda kıyafete ulaşmanın yanında diğer insanlarında anlık olarak yorumlarını alıp, kendisine en uygun kıyafeti bulma ihtiyacı doğmuştur.

Bu problem günümüz sosyal medyalarında(instagram vs.) kullanılmasına rağmen verimli olmamaktadır. Size yaşadığım bir örnekle açıklamak isterim. Bir gün mağazada 2 kıyafet arasında kararsızlıkta kaldım. İnstagram da hangi kıyafeti seçeceğime karar vermek için denediğim 2 kıyafetin resimlerini attım ve diğer arkadaşlarımın yorumlarına göre birini seçmek istedim. Fakat arkadaş sayım çok olduğundan ve çok fazla yorum olduğundan hangi kıyafetimin en çok beğenildiğinin takibini yapmakta çok zorlandım. Ve o zaman farklı bir sosyal medya gereksinimi olduğunu düşündüm.

Projenin tanıtımı

Votedress'i kısaca tanımlamak gerekirse klasik e-ticaret sistemlerindeki gibi sepete, ekle sipariş ver gibi sığ bir yaklaşım kullanarak ürün satmak yerine kullanıcıya ürünlerle etkileşim haline girebileceği bir plartform sunmak yani sistemi kullanan kullanıcı gözünde, amaç kişiye ürün satmak değil ona keyifli bir plartform sunmak. Kullanıcı plartformun tatını çıkarırken arka planda ürün reklamı ve satımı kullanıcının dikkatinden kaçmakta bu özellik diğer e-ticaret sistemlerinden votedressi ayırmaktadır

Sisteme girdiğimizde bizi ilk olarak giriş sayfası karşılıyor önce burdan hesap oluşturmalı veya sosyal medya hesaplarımızdan birisiyle giriş yapmalıyız. Sistemde iki tip hesap bulunmakta bunlardan birincisi Bireysel hesap diğeri ise kurumsal hesap. Kurumsal hesap bir şirketin votedressdeki hesabıdır. Kurumsal hesap oluşturan kişi sisteme ürünlerini ekleyip bu ürünlerini takip etmekte işte bu noktada votedress'in kurumsal kullanıcay sunduğu en etkili avantajlardan birisi devreye girmekte bu avantaj, kurumsal kullanıcının hiçbir uğraş veya emek harcamaksızın ürünlerinin reklamını yapabilmesidir, bunu nasıl yaptığını ileride anlatağım.

Giriş Ekranı

giris

Bireysel Kayıt

bireysel kayit

Kurumsal Kayıt

kurumsal kayit

Bireysel Kullanıcı Hesabı ile giriş

Bireysel kullanıcı ile giriş yaptıkdan sonra bizi ilk olarak anasayfamız karşılamakda burda takip ettigimiz kişilerin paylaştıkları oylamalar, ürünler veya koleksiyonları görebilmekteyiz tüm paylaşımlar kiyafetler üstüne olmaktadır

anasayfa

Oylama Sayfası

Oylama sayfasına sol taraftaki oylamalar linki ile ulaşılmaktadır. Öncelikle oylama nedirden bahsedeyim. Oylama, arasında seçim yapamadığımız kıyafetleri ister sistemdeki tüm kullanıcılara istersekte sadece bizim belirlediğimiz kişilere sunduğumuz bir yapıdır. Bunun neye benzediğini aşağıdaki resimde görebilirsiniz. Oylama sayfasının devamını oylama başlatmayı anlattıkdan sonra anlatacağım

oylama

Örneğin; Bir mağazaya gittik ve 3 adet kıyafetten birini almak istiyoruz ama karar vermekte zorlandık bu kıyafetleri üzerimizde deneyerek resimlerini çekip sisteme yüklüyoruz sistem bizim için bir oylama başlatıyor.

Öncelikle oylama başlatma sayfasına gidiyoruz

oylamabaslat_link

Oylama Başlatma Sayfası

oylamabaslat_giris

Sağ kısımdaki oylama süresi; oylamanın ne kadar süre boyunca aktif olacağını gösterir 15 dakika 1 saat 3 gün 1 ay gibi seçenekleri içerir. Oylamamız belirlediğimiz süre boyunca oylanabilir olacaktır. Kimliğim gizlensin seçeneği şuan yapılmadı anca yapıldığında resimlerimizde yüzler bulanıklaştırılacak ki yüzümüz görülmesin. Diğer bir seçenek ise paylaşıma açık olup olmaması eğer tiklenirse oylamamız diğer kullanıcılar tarafında paylaşılabilir olmakta. Bir diğeri oylama tipi; genel ve gizli olarak iki seçenek var genel oylama sistemdeki herkez tarafından görülür, gizli oylama ise sadece bizim paylaştığımız kişiler tarafında görülebilir(Örneğin: Facebook hesabımızda paylaşırsak facebook arkadaşlarımız katılır. Whatsapp grubumuzda paylaşırsak oradaki arkadaşlarımız katılabilir.)

Sol kısımda gördüğünüz siyah kamera resimleri oylamada kullanacağımız ürünleri oylamaya eklememizi sağlıyor.

Not: Kurumsal kullanıcı(Mağaza) sisteme ürünlerini eklediğinde sistem o ürün için tekrar üretilmesi imkansız bir karekod oluşturuyor mağaza bu karekodu ürün etiketine yapıştırıyor.

Ürün etiketi üzerindeki karekodu telefon kameramızdan okutularak oylamaya ekliyoruz

oylamabaslat_karekod

Daha sonra eklediğimiz her ürünü üstümüzde deneyip farklı farklı resimlerini çekip onlarıda ekliyoruz. İstersek her ürün için kendi açıklamızıda yazabiliriz

oylamabaslat_resimlereklendi

ve artık oylamamız başlatılmaya hazır

Başlattığımız Oylamaları takip etme (Oylamalarım Sayfası)

Oylamamızı başlattıkdan sonra aşağıdaki gibi bir sayfaya yönleniyoruz. Bu sayfada oylamamızdaki ürünlerimizin kaç oy ve kaç puan aldığının takibini yapabiliriz. Oylamamıza katılan kişilerle anlık olarak konuşabilir önerilini alabiliriz. Bu sayfadaki ek özellikler resimlerin üzerinde belirtilmiştir.

oylama_mesajlasma_ve_bahsetme

oylama_mesajlasma_ve_bahsetme_2

oylama_mesajlasma_ve_bahsetme_3

Bir kişi bir oylamaya yorumunu yapıp oyunu verdikten sonra o oylamayla bağlantısı kaybediyor ve yeni bir oylamaya geçiyor eğer önceki oylamalardan birinde biri bu kişiden bahsederse bu kişiye bir bildirim gelmekte kişide bu bildirimle tekrar o oylamaya bağlanıp cevap verebilmekte. Tabi oylamaya katılmanın normal yolu bu örnekte Zekeriya'dan bahsedilği için bu şekilde katıldı. Normal yolu Oylama linkine tıklanılarak gidilir.

Not: Oylamalar tamamen kullanıcılara rastgele dağıtılmakta ve bir kişi bir anda tek bir oylama görebilmekte bunun sebeblerinden en önemlisi kullanıcıların oylamayı beğenmediğinde geçmesini engellemek yeni bir oylamaya geçmenin tek yolu o an gelen oylamaya oy vermektir. Kullanıcı oylamayı beğenmeyip hızlıca geçmek istediğinde rastgele bir ürüne oy verirse bu kişinin oy etki puanı düşürülmekte böylelikle verdiği oyların getirdiği puan azalmakta.

Yukarıdaki örnekte oylama sahibi Erdem oylamasına katılan Zekeriyadan bahsetmiş bu durumu birde zekeriyanın gözünden görelim.

oylamabahset

Yukarıdaki resimde zekeriya gardrop sayfasında(gardrop sayfası daha anlatılmadı) ve kendisine bildirim gelmiş bu bildirime tıklayarak tekrar oylama odasına katılabilir.

Katıldığında şöyle bir sayfa ile karşılaşacak Detayları resmin üzerine yazıldı

oylama2

Oylama Sayfasının Devamı

Oylama sayfasının altında 4 kategori bulunmakta:

Oylama Sayfası -- Fikrini Söyle Sekmesi

Fikrini Söyle sayfası daha öncede anlattığım oylamanın sohbet odası gibi düşünülebilir. Bir üstteki resimde zaten nasıl gözüktüğü görülmekte ek özellikler aşağıdaki resimde.

fisildama

Gönderen tarafından görünen şekil

fisilda_ornek2

Alıcı Tarafında görünen şekil

fisildama_ornek

Şimdi bu sayfayı biraz daha detaylandıralım açıklamalar aşağıdaki resimde

fisilda_4

Eğer bir kişi sizi fısıltıdan rahatsız ediyorsa onu engellebilirsiniz. Eğer fısıltıyı silerseniz sadece sizden silinir karşı taraf size tekrar fısıldar ise fısıltı sizde tekrar oluşur. Eğer fısıltıdaki kişiyle arkadaş olmak isterseniz arkadaş eklebilirsiniz. Örneği aşağıdaki resimlerde

Arkadaş Ekleme

Bu örnekte Zekeriya kullanıcısı Erdem kullanıcısına arkadaşlık isteğinde bulunmuş ve Erdem kullanıcısına istek gelmiştir Eğer istek kabul edilirse artık bu kullanıcılar birbirlerini çevrim içi veya çevrim dışı görebilecekler ilave olarak profil ziyaretlerinde ekstra ayrıcalıklara sahip olabilecekler.

arkadaslik_istegi

İstek kabul edildikten sonra

arkadaslik_istegi_kabul_edildi

Oylama Sayfası -- Kıyafetler Hakkında Sekmesi

Şimdi diyelimki bir oylamadayız ve oylamada kullanılan ürünlerden bir tanesini çok beğendiniz satın almak veya incelemek istiyorsunuz fikrini söyle sekmesi yanındaki Kıyafetler hakkında sekmesine tıklayarak oylamada kullanılan ürünleri görebiliyor sepetinize ekleyebiliyor ve detaylı inceleyebiliyorsunuz. Örnek resim aşağıda

oylama_urunleri

Hızlı incele sayfasından hemen sepetinize ekleyebiliyorsunuz.

oylama_urunleri_hizli_incele

Yukarıdaki resimde görüldüğü gibi her ürünün farklı bedenleri olabilir her bedende farklı renk kombinasyonları olabilmekte. Seçilen renk kombinasyonuna göre slider'daki resimler farklılık göstermekte

Bir sonraki sekmemiz Satış yeri hakkında

Oylama Sayfası -- Satış Yeri Hakkında Sekmesi

Evet ürünleri inceledik şimdi birde bu ürünlerin mağazası hakkında bilgi edinmek istiyoruz ozamanda satış yeri hakkında sekmesine tıklıyoruz. Karşımıza aşağıdaki gibi bir sekme çıkıyor.

oylama_satisyerihakkinda

Buradan direk mağazaya mesaj yazabilir, google map üzerinde mağazayı görebilir, Mağazanın genel bilgilerini öğrenebiliriz. Bir diğer sekme oylama sahibinin genel bilgileri(izin verdiği ölçüde)

Oylama Sayfası -- Oylama Sahibi Hakkında Sekmesi

Bu sekmede oylama başlatan kişinin genel özelliklerini görmekteyiz. Projenin bahsetmediğim ancak ileride yapılacak bazı özellikleri gereği kişiler rekabet halinde olacağından bu sekmede birbirlerini ölçebilecekler.

oylama_oylamasahibi

Gardrop Sayfası

Bu sayfada sisteme kayıtlı olan mağazaları göreceğiz bu mağazalara filtreler uygulanabilir. Mağazada o an kaç kişinin olduğu görülebilir.

gardrop

gardrop_2

gardrop_3

Bir mağazaya giriş yapalım. Burada ürünleri filtreleyip listeleyebiliriz.

magaza_ici

Bir ürünü detayli incelediğimizde aşağıdaki gibi bir sayfa bizi karşılıyor. Bu sayfada ürünü sepete ekleyebiliriz. Ürüne yorum yazabiliriz. Yorumlara yanıt verebiliriz.Yorumlarda birinden bahsedebiliriz. Yorumlara yanıt verebiliriz. Yorumları beğenebiliriz. Bu sayfadaki değişimler anlık olarak bu sayfada bulunan tüm kullanıcıları etkiler

urun_detay

urun_detay_3

Bireysel Kullanıcı Profil Sayfası -- Anasayfa Sekmesi

Bu sayfa kişinin kendi profilidir ilk açılışta karşımıza profilimizin anasayfası çıkmakta burada kendi paylaşımlarımızı görmekteyiz. Diğer kullanıcılar bizim profilimizi ziyaret ettiğinde bizim izin verdiğimiz ölçüde profilimizi görebilmektedir.

profil

Bireysel Kullanıcı Profil Sayfası -- Sepet Sekmesi

Bu sayfada sepetimizdeki ürünleri silebilir, adetlerini güncelleyebiliriz ve alışverişimizi tamamlamak için ödeme sayfasına geçebiliriz.

sepet

Ödeme Sayfası

Bu sayfada ilk olarak vereceğimiz şiparişin içeriğini görürüz.

siparisitamamla

Bir sonraki kısımda ise adres bilgilerini gireriz. Her sipariş verdiğimizde eğer farklı bir adres girdiksey o adres kaydedilir ve daha sonraki siparişlerimizde adreslerimiz arasından seçim yapabiliriz. Örnek resimler aşağıda

siparisitamamla_2

siparisitamamla_3

Son olarakda kart bilgilerimizi girip siparişimizi tamamlıyoruz.

siparisitamamla_4

Siparişimiz tamamlandıkdan sonra sistem bizi profil sayfasının altında bulunan siparişler sekmesine yönlendirir.

Bireysel Kullanıcı Profil Sayfası -- Siparişler Sekmesi

Bu sayfada daha önceden verdiğimiz siparişlerimizi görebiliriz

siparisler

Bu siparişlerden birine tıkladığımızda, siparişlerimizin detaylarını görürüz.

siparisler2

Bireysel Kullanıcı Profil Sayfası -- Arkadaşlar Sekmesi

Bu sayfada arkadaşlarımız listelenir

arkadaslar

Çarpı işareti ile arkadaşımızı silebiliriz. Sildiğimiz zaman silinen kişidende kendimiz siliniriz.

arkadaslar2

Bireysel Kullanıcı Profil Sayfası -- Ayarlar Sekmesi

Bu sekmenin için profil bilgilerimizi düzenleyebiliriz. Engellediğimiz kullanıcıların engellerini açabiliriz. Profilimizin gizlilik ayarlarını yapabiliriz.

ayarlar

Buraya kadar anlattığım sayfalar Bireysel kullanıcının kullanabildiği sayfalardı şimdi ise Kurumsal kullanıcıların kullandığı sayfaları göstereceğim

Kurumsal Kullanıcı -- Anasayfa

Eğer sisteme bir kurumsal kullanıcı hesabı ile giriş yaparsak karşımıza çıkan sayfada mağazanın tüm ürünlerinin genel analizlerinin dinamik tablolarla analizi gösterilmektedir

Not: Resimlerdeki veriler fakedata kütüphanesi kullanılarak oluşturulan veritabanından gelmektedir. Veri analizi ve veri görselliştirme teknikleri kullanılmıştır. Veri görselleştirmesi için d3.js javascript kütüphanesi kullanılmıştır.

Kurumsal Kullanıcı -- Anasayfa -- chart 1

Bu chart, bu mağazanın ürünlerini içeren siparişleri veren kullanıcıların yaş, sipariş yeri, sipariş tutarı ve bölgesel olarak analiz sonuçlarının görselleştirilmesi ile oluşturulmuştur.

Not: Dairelerin büyüklüğü o yaş grubunda, o şehirde toplam kaç sipariş olduğu hakkında fikir vermektedir.

admin_chart1

Kurumsal Kullanıcı -- Anasayfa -- chart 2

Bu chart, satılan ürünlerin renklerine göre bölgesel analizi yapılmıştır. Hangi bölgede hangi renkden kaç adet sipariş olduğu sonucu çıkar.

admin_chart2

Kurumsal Kullanıcı -- Anasayfa -- chart 3

Bu chartda, siparişlerdeki ürünlerin kategorilerinin mevsimsel olarak satışlarını ve toplam tutarlarını göstermektedir. Sonuç olarak hangi mevsimde hangi kategorinin ne kadarlık bir gelir getirisinin olduğu bilgisini göstermekte

admin_chart3

Kurumsal Kullanıcı -- Ürünler

Bu sayfada ürünleri listeleyebilir, güncelleyebilir, ürün ekleyebilir, ürün silebilir, ürünlerin bireysel analizlerini yapabiliriz.

Kurumsal Kullanıcı -- Ürünler -- Ürün Ekleme

Bu sayfada ürün ekleyebiliriz. Ürünlere 1 den fazla kategori girebiliriz. Ürünlerin stokta olan bedenlerine göre ekleme yapabiliriz. Ürünün her bedeni için farklı renk kombinasyonları ekleyebilir her renk kombinasyonunada farklı renkler ekleyebiliriz.

urunekleme1

urunekleme2

urunekleme3

About

E-ticaret sistemi üzerine kurulmuş sosyal medya projesi

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 63.5%
  • JavaScript 21.8%
  • C# 9.7%
  • CSS 5.0%