Bu proje Asp.Net Mvc5 ile geliştirilmiştir. Projede Html5, Css3, Js, Bootstrap, Entity Framework gibi teknolojilerde kullanılmıştır. Projede kullanılan eklentilerinden bazıları şunlardır: DataTables, Google Chart. Proje Entity Framework Code First yöntemi ile geliştirilmiştir. Ayrıca projede Linq sorguları üzerinden Trigger, Procedure gibi SQL yapıları kullanılmıştır. Veritabanı olarak MsSql kullanımıştır. Proje kurulumu ve detaylı bilgi aşağıda verilmiştir.
Proje içeriğine gelecek olursak projede
- Front End
- User Panel
- Admin Panel olmak üzere 3 kısımdan oluşmaktadır.
Front End kısmında bulunan sayfalar şu şekildedir.
- Home
- Products
- About Us
- Help
- Login
- Register
Bu kısmın amacı ürünlerimizi sergileyebileceğimiz bir vitrin olmasıdır.
- Home
Proje açıldığında kullanıcının ilk görülen sayfa. Bu sayfada bir arama çubuğu bulunuyor buradan ürün arayabiliriz. Onun altında bir slider bulunuyor. Bu slider Admin Panel'den değiştirlebilir, güncellenebilir ve silinebilir. Sliderın altında yeni gelen ürünler var burasıda Admin Panel'den değiştirilebilir. Ondan sonra kategoriler yer alıyor burasıda dinamik bir şekide Admin Panel'den güncellenebilir. En son olarak en çok satanlar kısmı var bu kısımda diğerleri gibi Admin Panel'den değiştirilebiliyor.
- Products
Ürünler sayfasında sol tarafta kategoriler var ve burasıda tamamen dinamik olarak çalışıyor. Sonra ürünlerin listesi bulunuyor. Buradan ürünlerin detaylarına gidebilir ve bilgilerini görebiliriz. Ürün sayfalarında Paging bulunmaktadır.
- About Us
Hakkımızda kısmında bir hakkımızda yazısı ve iletişim bilgileri yer almaktadır.
- Help
Bu kısımda iletişim bilgileri bir Google Map ve iletişim paneli bulunmaktadır. İletişim paneliyle istek ve şikayetlerini bildirebiliyoruz.
- Login
Login kısmında klasik bir şekide kayıt olduktan sonra giriş yapabiliyoruz.
- Register
Register bölümünde bilgilerimizi girerek kayıt olabiliyoruz.
Front End kısmında bulunan sayfalar şu şekildedir.
- My Profile
- My Orders
- Cargo Tracking
- Messages
Buradaki layout ve kısımlar tema kullanılmadan bootstrap ile yapılmıştır.
- My Profile
Burada resimlerde de görebileceğiniz gibi sol kısımda kullanıcı bilgileri ve harcamalarına ait bilgiler vardır. Sağ tarafata ise Mesajlar, Zaman Tüneli ve Ayarlar kısımları vardır. Mesajlar kısmında gelen mesajlar listelenmektediç. Zaman Tünelinde yapılan duyurular ve son olarak Ayarlar kısmında kullanıcı bilgilerini güncelleyebileceğiniz bir alan bulunmaktadır.
- My Orders
Siparişlerimde daha önce yaptığım siparişlerin bilgileri yer almaktadır.
- Cargo Tracking
Kargo takibi kısmında size gönderilen takip kodunu girerek kargo bilgilerinizi görebilirsiniz.
- Messages
User Panel'in en güzel kısmı diyebilirim. Mesajlar kısmından aynı Gmail gibi bir mesajlaşma kısmı var. Burada yeni mesaj yazabilir, gelen mesajları görebilir, mesajları yıldızlayarak saklayabilir. Yada bu kısımlardan soft delete yapıp Trash kısmına atabilirsiniz. Trash kısmından ise tamamen silebilir veya çöp kutusundan geri çıkarabilirsiniz.
Admin Panel'de şu sayfalar vardır
- Dashboard
- Categories
- Products
- Staff
- Departments
- Customer
- Admins
- Help Messages
- Announcement
- Invoce
- Sales
- Graphics
- Statistics
- Simple Tables
- Cargo
- QR
Admin Panel'ine girmek için arama çubuğuna /admin yazıp, username ve password ile giriş yapabilirsiniz.
- Dashboard
Admin Dashboard'da 4 adet istatistik. Home sayfasındaki alanları güncellmek için alan ve son ve en önemlisi bir To Do List. To Do List kısmında klasik bir To Do List gibi yeni To Do'lar ekleyebilir, güncelleyebilir ve yaptıklarınızı silebilirsiniz.
- Categories
Kategoriler sayfasında yeni kategoriler ekleyebilir, güncelleyebilir ve silebilirsiniz. Bu yaptığınız değişiklikler ana sayfada görünecektir. Buradaki tabloda ve gelecek tabloların genelinde DataTables eklentisi kullanılmıştır.
- Products
Product kısmı ikiye ayrılıyor. Birincisi ürün ekleme, silme (Soft Delete), güncelleme ve son olarak buradan bir staış girebilirsiniz. İkinci kısım ise Product gallery. Burada da ürün resimlerin bir galerisi bulunmaktadır.
- Staff
Staff kısmıda iki bölümden oluşmaktadır. Birinci kısımda elamanları ekleyebilir, güncelleyebilirsiniz ve elamanların yaptığı satışarı görüntülüyebilirsiniz. İkinci kısımda da neredeyse aynı şeyler bulunuyor ama kullanıcı bilgileri kartlar aracılığıyla listeleniyor.
- Departments
Bu kısımda yeni departman ekleyebilir, güncelleyebilir, ve silebilirsiniz (Soft Delete). Ayrıca hangi departmanda kim çalışıyor görüntülemeniz mümkün.
- Customer
Burada müşteri bilgilerini görebilirisini ve kullanıcıların yapmış olduğu alışveriş detaylarını bakabilirsiniz.
- Admins
Admin kısmında yeni admin ekleyebilir admin yetkisini değiştirebilir ve admimi pasif hale getirebilirsiniz. Admin kısmında 2 yetki vardır 'Super Admni' ve 'Admin'. Super Admin'in Admin'den farkı admin yetkilerini kontrol edebilmektir.
- Help Messages
Front End kısmından yapılan yardım mesajlarını görebilir, cevaplayabilir ve mesajları silebilirsiniz.
- Announcement
Duyurular kısmından yeni duyuru yayınlayabilir, duyuruyu güncelleyebilir ve silebilirsiniz.
- Invoice
Bu kısım iki bölümden oluşmaktadır. İlk kısım yeni fatura ekleyebilirsiniz. Yeni fatura ekleme işlemi Popup ile açılmaktadır. Bu kısım Js kodları ile yazılmıştır. İkinci kısımda ise faturaları çıkarabilir veya Excel, CSV, PDF şeklinde indirebilir veya çıkarabilirsiniz. Burada istediğiniz satırları çıkarıp ekleyebilirsiniz.
- Sales
Satışlar kısmından yapılan satışları görebilirsiniz ve güncelleyebilirsiniz.
- Graphics
Bu kısımda üç adet grafik vardır. 1- Pie Chart 2- Line Chart 3- Column Chart. Bu kısımda Google Chart kullanılmıştır.
- Simple Tables
Tablolar sayfasında bir çok tablo mevcuttur. Bu tablolar şu şekildedir: Ürünler ve adetleri, kullanıcılar ve şehirleri, markalar ve adetleri, departmanlar ve departmanda çalışan kişi sayısı, kullanıcı detayları, ürün detayları olmak üzere 6 adet tablo vardır.
- Cargo
Bu sayfada kargoları ve açıklamalırını görüntüleyebilir ve yeni kargo girebilirsiniz. Ayrıca kargo'daki gelişmeleride buradan girebilirsiniz.
- QR
QR alanından QR Code oluşturabilirsiniz.
Bu bölümde nasıl kurulum yapabileceğinizi anlatıcam. İlk olarak projeyi clone alıyoruz. Ardından Database'i kurmamız gerekiyor. Database için dosyların içinde bulunan script (script.sql) dosyasını kullanarak kurabilirsiniz veya Back Up (CommercialAutomation.bak) alınmış yedeği kullanarak kurabilirsiniz.
Front End kısmı template w3layout'tan, Admin Panel template adminlte'den alınmıştır.
Herhangi bir öneri veya şikayetiniz için Mail: erkilicbedirhan@gmail.com